(Sticky) menu bar overlaps page content on mobile

Hi there,
Thanks in advance for looking into my query.

My website is za-za.com
The menu bar overlaps page content on mobile. It makes the menu bar be too close to the text in the slider at the homepage, and overlap the content on the other pages and the blogposts.

I read in another topic that the site title+description may be too long (3 lines) but I wondered if it is possible to keep the menu bar sticky yet placed before/above the rest of the content so the position is fixed until you start scrolling.

Thanks again, and hope this makes sense ^


Hello Zaza,

  1. Please try to remove the following custom CSS code from Simple Custom CSS plugin, 50-52 row inclusive.
.site-header.fixed {
    position: fixed !important;

By the way, now you can add custom CSS code without plugin in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up).

  1. Go to your DashboardAppearanceCustomizeGeneral → insert 150 instead of 50 into Page wrapper - top padding field → click Save & Publish button.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.