Support » Theme: Olsen Light » Remove menu header + Center top header

  • Resolved Amazing Rhino

    (@rinorm)



    Hi!

    Fabuluous theme and I think everything went very well installing it. To finish my website I only have two things that I would appreciate getting help with, please see below.

    1. How do I center the menu in the front page? It seems to be left-aligned at the moment and I can’t see a way to fix this. See image

    2. How do I remove this 2nd Menu above the footer? I can’t find where it is in the editor. See image

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello there!

    Glad to hear you like working with Olsen Light.

    Regarding your header you can add these `.site-tools {
    display: none;
    }
    .site-bar .nav {
    float: left;
    width: 100%;
    }
    ul#menu-main {
    display: flex;
    justify-content: center;
    }’ in the additional CSS box under Customize -> Additional CSS. Please keep in mind that having this layout prevents you from adding the social icons on the header, next to the menu.

    Regarding the footer menu, try going to Customize -> menus and set an empty menu in the footer menu.

    Great Nik I managed to solve it now. It appeared some lines after I did the “empty” menu but I added some code there aswell 🙂

    About the header, it is still not int he “center” as it seems something is to the “right”. Is it not possible to make it all centered?

    Many thanks.

    Can you please try the styles like this?

    .site-tools {
    display: none;
    }
    .site-bar .nav {
    float: left;
    width: 100%;
    }
    .site-header .navigation {
    display: flex;
    justify-content: center;
    }

    It worked perfectly.

    Great service and thank you. Have a lovely day.

    Glad to be of service.

    I’d like to ask you to mark this thread as resolved.

    Thank you 🙂

    Done 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.