Navigation bar tweeks

  • Resolved sjoerd89

    (@sjoerd89)


    8 years, 7 months ago

    Not at all sure if this is possible with this theme but i was wondering if i could make the subnavigation alot wider so i can add a picture next to the hovered navigation item.

    To give you an idea from something like this : https://imgur.com/a/Ckdmu
    To something like this: https://imgur.com/a/ijS87

    Not sure if this is something possible with CSS, and if not if this is possible at all.

    Thanks and have a great day all,

    Sjoerd

    -edit-

    By adding this to the simple css plugin:

    .sub-menu.toggled-on {
width: 500%;
}

    I have the submenu items alot wider wich is nice but now they are not full width but like it says 500% wider. This makes the last menu items go out of the website its width.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    You can adjust the width of the sub-menu like this:

    .main-navigation ul ul {
    width: 500px;
}

    However, I’m not sure how you would add the image in there.

    You might be better off going with a mega menu plugin of some kind like UberMenu.

    I have a simple megamenu feature planned for GP, but it wouldn’t include images – just columns of menu items.

    Thread Starter sjoerd89

    (@sjoerd89)

    Sounds good looking forward to seeing that!

    Theme Author Tom

    (@edge22)

    It’ll be simple, but nice! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navigation bar tweeks’ is closed to new replies.