side/slide menu width

Hello,
I'm using the empty header with the side/slide menu and i need to make it larger because the client would like to have the menu voices to not go on another line (for example "the (he)art of tailoring").
I've tried to customize it via css in the browser developer options with this:
#Side_slide {
    width: 325px;
}
but when I close the menu it still shows a little bit on the right. Here is a screenshot: https://imgur.com/a/J75RfpU

you can find the website at https://sviluppo.envi.it/

Comments

  • Hi,
    I tested in on few browsers and everything is fine.
    Didn't you have any plugins in browser?

    You can change width of Side Slide in Theme Options > Responsive > Header
    Thanks.
  • yeah the website was fine because i didn't write the css in "custom css" in theme option, only in chrome developer tools to see i what i was doing was alright.
    anayway that's perfect, it is exactly the option i needed, i was searching it under the header option 
    :)
  • Glad to hear that.
    Is anything other I can help you with?
    Thanks
  • actually, yes:
    is it possible to have the first level menu items with the submenù (like "brands", "identity", "the heart of tailoring" and "news") to open when clicking on them instead to be forced to click on the "+" icon on the right?
    they won't be a page, only a category inside the menù, so there shouldn't be issues between clicking to open the page or click to open the menu.
    the others links in the menu (like "home", "showroom", "contact us" or "press office") shouldn't be affected
  • Please use this CSS

    #Side_slide #menu ul li.submenu .menu-toggle::after {
    position: absolute !important;
    right: 10px !important;
    }
    #Side_slide #menu ul li.submenu .menu-toggle {
    width:100% !important;
    }
    Thanks
  • fantastic! thank you!
Sign In or Register to comment.