Docs

[lisacole1]

http://www.glowfertility.com

Hi
I’ve made smaller images for the smallest mobile and the next size up, hidden for the rest.
The home page is a cornerstone page with the first 3 sections being the 9 square images on a desktop and on a mobile the 9 rectangular images.

There is a gap on a mobile between the images and the menu.

Padding on the section is set to 0px, is there anything I have missed please.

[Friech]

Hi There,

Thanks for writing in! Those blank space are sections with hidden content.

Please apply the Hide Base on Screen Width options on the Sections itself, not on Rows.

Hope it helps, Cheers!

[lisacole1]

aha, thank you!
How do I get the space between the menu button and the content on mobile to be bigger now please? I’ve fiddled with the customiser settings but I’m not getting anywhere.

[Rue Nel]

Hello There,

To add a gap between your header and the content area, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px){
  body .masthead {
    margin-bottom: 30px;
  }    
}

Hope this helps. Please let us know how it goes.

[lisacole1]

perfect, huge huge thanks!

[Rad]

You’re so much welcome!

[Author]

Posts