Hi @jekax,
Can you double check if you have this custom CSS inside the General options tab in the custom CSS field?
.mobmenu-push-wrap, body.mob-menu-slideout-over {
padding-top: 40px;
}
If you have it remove it, if not try to click in the Save Changes button to regenerate the CSS.
Clear the cache and test again. Let me know the result.
Thread Starter
jekax
(@jekax)
Hello,
Thank you for the quick reply.
Here is my custom CSS
a {
text-decoration: none !important;
}
a:focus {
outline:0 !important;
}
.site-footer {
padding: 0.6em 0 0.7em !important;
}
.site-info {
padding: 0.6em 0 !important;
}
.archive.category .page-title,
.archive.category .page-description {
display: none !important;
}
.hentry, .site-main {
margin-bottom:0;
}
.hentry.type-page .entry-header {
display: none;
}
#masthead { margin-bottom: 1em; }
.entry-header,#masthead { margin-bottom: 1em !important; }
Thread Starter
jekax
(@jekax)
Mobile Menu Options -> General Options -> nothing related to CSS
Thanks. Try to click in the save changes button on the Mobile Menu options and test again.
If that doesn’t sort it add this custom CSS
.mobmenu-push-wrap, body.mob-menu-slideout-over {
padding-top: 50px;
}
Thread Starter
jekax
(@jekax)
Thank you, solution with the save button – it works!
One more question for you, is it possible to remove completely header on mobile devices?
Thank you so much!
Great. Can you provide me with a screenshot with the marked area that you want to remove?
Thanks
Will close the topic for now.