Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 27, 2017 at 3:30 pm #857535
    Picante

    Hi

    Can you tell me how to change the menu layout so that the logo is in the centre with navigation either side (instead of below).

    Thank you!

    September 27, 2017 at 3:45 pm #857544
    Jordan Shannon

    Hey Picante,

    So you would like the logo in between the navigation links?

    Best regards,
    Jordan Shannon

    September 27, 2017 at 3:54 pm #857556
    Picante

    Yes please!

    September 27, 2017 at 4:18 pm #857583
    Jordan Shannon

    Hi,

    Please attempt the following: Set the Header > Menu and Logo Position settings to “Logo center, Menu below’. Add a right margin to the menu item beside the logo and move the menu container upwards with the following css code.

    #menu-item-77 {
    margin-right: 100px;
}

#header_main_alternate {
    z-index: 2;
    top: -60px;
    border: none;
}

    Adjust the “#menu-item-77” selector to the id of the menu item located at the left side of the logo.

    Best regards,
    Jordan Shannon

    September 27, 2017 at 4:31 pm #857590
    Picante

    Thanks. I’ve done that, but I would like the logo to the left hand side of “blog” and am not sure how to put some padding around the logo.

    September 27, 2017 at 10:13 pm #857715
    Guenni007

    https://webers-testseite.de/weber/

    something like this ? (you can do it without the gimmick of animated position)
    then it stays in the middle and only shrinks.

    • This reply was modified 7 years, 2 months ago by Guenni007.
    September 27, 2017 at 11:05 pm #857735
    Jordan Shannon

    Hey Picante,

    In the above code I gave you change:

    #menu-item-77

    to

    #menu-item-118

    Also adjust the margin number form 100 if you need to.

    Best regards,
    Jordan Shannon

    October 3, 2017 at 1:26 pm #859620
    Picante

    Hi & thanks Jordan, but it still hasn’t moved it to the left hand side of “blog”. Also, how do I find out what the menu item numbers are (so that I can play with this in case we add additional navigation items)?

    Thanks

    October 3, 2017 at 1:32 pm #859621
    Picante

    Also, how do I reduce the padding under the navigation in the header?

    Thanks

    October 4, 2017 at 3:28 pm #860173
    Victoria

    Hi Picante,

    You can try to add the logo image as a custom menu item, like on the website demonstrated by Guenni007.

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.