Hide menu

  • norraviken

    (@norraviken)


    4 years, 5 months ago

    Hi everyone, I would like to hide the menu from [my site] since it’s a landing page and don’t require a menu. I believe there’s something you can do through the additional css, but I can’t quite figure it out. Is there someone who knows? Thank you in advance.

    Regards,

    Jenny

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    4 years, 5 months ago

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

    To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.wordpress.org/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.

    Thread Starter norraviken

    (@norraviken)

    4 years, 5 months ago

    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

    Smit Rathod

    (@smit08)

    4 years, 5 months ago

    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;
}
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    4 years, 5 months ago

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

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Hide menu’ is closed to new replies.