Full Width Mode on Mobile

[WidiNParticipant]

My website is now in full width mode. I used the code no 9 you suggested:

Customization Guide for Iconic One Pro with CSS Codes

The problem is, it doesn’t look good on mobile. Maybe you can check my website. This is the URL: https://englishforsma.com/ .. what could be the problem? Thanks

[Themonic-SupportKeymaster]

I have just updated the code inside the CSS guide, check it out and let me know.

[WidiNParticipant]

Hi,

Thanks for your response. Hasn’t changed. It still doesn’t look good, though I’ve cleared all caches.

[Themonic-SupportKeymaster]

Just checked your site again, it seems you are using the child theme and there is old CSS present in child theme -> style.css, the CSS inside your child theme is overriding, remove that and if still not work then try using CSS in child theme instead of customizer.

[WidiNParticipant]

Do you mean this css?

.site {
max-width: 100%;
}
.site-content {
width: 65.9%;
}
.widget-area {
width: 25.9%;
}

[Themonic-SupportKeymaster]

Yes, replace it(with the updated code from css guide) or remove it.

[WidiNParticipant]

Perfect. Thanks a lot …

[Author]

Posts