Hide menu

.page-id-801 .mainmenu-wrapper {
    display: none;
}

To add or override CSS: use the “Additional CSS” option in the customizer.? https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Thank you for the input ?? I pasted the code into the custom css section but nothing happened. Is there something else I need to think of?

//Jenny

Hi @norraviken

I have checked your page and found solution.

You just need to add few lines of css. I am attaching the code below.

.page-id-801 .mainmenu-wrapper {
    display: none;
}

So this will hide the menu in desktop site and responsive view. Now you need to align symbol in center in mobile view. For that you need to add 2 lines of css in id swl-main-logo. Attaching code below.

#swl-main-logo {
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

I don’t see the suggested CSS anywhere on your site. Did you remove it? If not, are you using any caching/optimization plugins?