Top and bottom of meta slider has a huge white space in mobile

  • Resolved Marla F

    (@b0bmarla)


    7 years, 3 months ago

    Hi. I am using the slider on that homepage of that site and I don’t have issues with the desktop version. However, when I check the site on mobile, there is huge white space on top and bottom of the slider. It’s like the slider is at the center of the full-width page. How do I get rid of the white space and ensure that the slider is on the top part of the page? Thanks! ??

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    It appears that the gap is caused by the theme. The element that contains the slider has top padding set, which isn’t adjusted on mobile sites. As such the gap between the menu and the slider is the same whether the site is viewed on a desktop or mobile device.

    Below is some CSS that should adjust the size of the gap on mobile devices:

    @media (max-width: 768px) .fl-row[data-node] .fl-row-content-wrap {
padding-top: 10px;
}

    You should be able to add this to your theme’s ‘Additional CSS’ section in the WP Admin theme Customizer. However, I would recommend working with your developer to ensure that everything displays correctly.

    Thread Starter Marla F

    (@b0bmarla)

    Hi, this has been resolved. Thank you!

    Another issue though – I noticed that the slider on mobile devices isn’t working. It’s stuck on the first image with arrows.

    This is the site: https://piagladysperey.com/home/

    Please assist! Thanks ??

    Hi,

    The slider appears to be working on our test mobile device.
    What device are you viewing the site on?

    Thread Starter Marla F

    (@b0bmarla)

    Hi, I’m using a Samsung phone. It’s working now. I recreated the meta slider set and now it’s working on mobile. Thanks though!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Top and bottom of meta slider has a huge white space in mobile’ is closed to new replies.