Hi,
my wordpress desktop website looks fine, but the mobile version is not working. The full screen slider on the front page is cut off, on none of the pages is it possible to scroll down. I am using the Enfold themeforest. How can I fix this?
I just deactivated the ContactForm 7 plugin and now the pages can be scrolled down. However, the headings are too long and cut off. And the full screen slider on the front page is still cut off.
Michaela
Hey hmichaela,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
h6.avia-caption-title {
font-size: 62px;
}
}
If you are looking to set your headers to different sizes on mobile screens, then you can do so under Enfold->General Styling->Typography.
Best regards,
Rikard
Hi Rikard,
thank you. I’ve tried both but nothing seems to work or change anything. I’ve also changed the font sizes in the Typography, but no changes become visible. Do you have another idea?
Best,
Michaela
Hi Michaela,
Which settings exactly are not applying? You haven’t set any sizes other than standard for all the headers in the Typography section. I see that you have added some custom CSS in Quick CSS as well, and that is applying to your h6 on the front page for example:
@media only screen and (max-width: 480px) {
h1 { font-size: 38px !important; }
h3 { font-size: 18px !important; }
h4 { font-size: 40px !important; }
h6 { font-size: 55px !important; }
}
If you use important in your CSS statements, then that will override the theme settings.
Best regards,
Rikard