[Isaac Olaleye]

Hi,

I have selected for there to be an overlay menu for the mobile version of my website but the menu isn’t very clean. It opens on when the navigation on the right instead of the left and there is also alot of empty space. As there any way that I could edit this part of the navigation for the mobile version of my wordpress site only? The menu for the desktop site is fine.

Site URL : eliteeaglescapital.com

[Sakin]

Hi Issac,

You can make the mobile menu to the left by adding the following CSS in the “Appearance => Customize => Additional CSS” box:

@media screen and (max-width: 1199px) {
  .wp-block-template-part .wp-block-main-header .wp-block-navigation {
    margin-left: 0;
  }
}

Regards,
Sakin

[Isaac Olaleye]

Hi Sakin,

When I hover over appearance, I only have the options of themes, editor and bizboost; I believe I am using a slightly different version of wordpress to you. For that reason I am unable to find the customise tab and so I don’t know where to put in the code. I am aware I can enter additional css classes for individual elements and so I tried this for the navigation element in the header but it did not seem to work.

[Sakin]

Hi Issac,

For block themes, yes you can add Custom CSS from “Appearance => Editor => Styles” and then Click on the three dots icon on Style Panel and click on “Additional CSS”.

See this image for the Style Panel:

Regards,
Sakin

[Author]

Posts