Mobile Alignment issue

[javart]

The main content on any page of my site that is loaded on a mobile app is cutting off the top content. Can you please help to fix this?

[Kieran_SQ]

Hi,

I checked your site and saw the issue you referenced. I have added the below CSS to your Theme Options > General Settings > Quick CSS which fixes the issue. Please use Ctrl+F5 to see the changes.

COPY CODE

@media (max-width: 991px) {
#main {margin-top: 88px;}
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[javart]

It looks like that CSS just pushed everything down on the mobile page and now there’s a big white space at the top. See the attached screenshot.

Can you please help to fix this asap? Thanks.

[Kieran_SQ]

Hi,

I am going to ask my colleague @Radu to take a look into this for you as I cannot seem to find a solution, they’ll be in touch within the next 48hrs.

Thanks you for your patience.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Just use this CSS instead, tested and it works ok.

COPY CODE

@media(max-width:991px) {
    
    div#main {
        margin-top: 88px;
    }

}

Let me know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[javart]

Great, thanks!

[Radu]

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts