Before you ask please READ THIS

Extend menu size ?

in Rife Posts: 127
Hi !

How is it possible to extend the menu size without affecting responsiveness ?

I just added a new item, and it appears on 2 lines, making it really big and a little disturbing for navigation.

Thank you :)

Comments

  • AirAir
    Posts: 10,970
    Hello again :-)

    I have been on your site, and your menu has only two menu items, so I couldn't see any issue with it. Does this issue appear on desktop size screen or some smaller device?

    With kind regards.
  • Oh yes, sorry, only paying subscribers see the whole menu. There are five actually.

    I show you in attached file.

    Thanks !
    menu.PNG
    1192 x 223 - 39K
  • AirAir
    Posts: 10,970
    OK now I see you have narrow header :-)
    Please go to Customizing ▸ Header settings ▸ Type, variant, background ▸Content width ▸Full width

    However this still may not give you enough space. We could try to work on various paddings. Try this custom CSS to save some space:

    .header-horizontal .top-menu > li > a,
    .header-horizontal .top-menu > li > span.title {
    padding: 0;
    }
    .header-horizontal .navigation-bar{
    padding: 0 5px;/* or reduce to 0 if it is still not enough*/
    }
    With kind regards.
  • AirAir
    Posts: 10,970
    You can add this custom CSS as well:

    .header-horizontal #header-tools::before {
    margin-right: 5px;
    }
  • Thank you so much ! It's perfect :)
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!