Docs

[Olianna P]

Hi!

(1) I successfully removed the footer widget area from mobile, however, there remains a white empty space between the first section and the footer on homepage. How can I get rid of that white background space?

The site is http://opdesignstudio.com/ and again, I’m referring to how it looks on the iphone.

(2) I’m also having a problem hiding sections from my mobile. I’m hiding them in cornerstone but somehow they still show on my phone. Can you please help with that?

Thanks!

[Jade]

Hi Olianna,

Please add this code in the customizer:

@media (max-width: 979px ) {
    .x-colophon.top {
        padding: 0 !important;
    }
}

Hope this helps.

[Olianna P]

Thanks Jade, it worked but the home page doesn’t cover the entire screen on my phone. Can we make it bigger?

Also, 2) I’m having a problem hiding sections from my mobile. I’m hiding them in cornerstone but somehow they still show on my phone. Can you please help with that?

Thanks!

[Paul R]

Hi,

1. If we’ll make it bigger your image will no longer in proportion and will look distorted.

We can set the body background color to be same as your footer to get rid of the white space.

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px ) {
body {
    background-color:#53c6cd;
}
}

2. Can you specify which page and section you are trying to hide in mobile.

Thanks

[Author]

Posts