Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 11, 2018 at 11:42 am #984144
    Laborad

    Hello,
    I’m working with Enfold on the new version of our site at https://www.laborad.com/ and I have the following questions:

    1. is it possible to increase line-spacing between sub menu elements?
    3. is it possible to adjust columns width in submenu to let the text fit, or, at least, to set a fix but editable value? For example I’d like a submenu column width of 500px or something to reduce starting of new lines in submenus

    I also tried mega menu option, but it became a little bit messy, since we have long menu labels. Any idea about how we can fix that?
    Thank you

    July 11, 2018 at 12:18 pm #984185
    Victoria

    Hey Laborad,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 12, 2018 at 1:16 pm #984708
    Laborad

    Hi Victoria,
    well, as I told in previous post the website is https://www.laborad.com/ and Enfold is already installed.
    If you need more info, login data or anything else, please let me know.

    Thank you

    July 12, 2018 at 1:45 pm #984741
    Victoria

    Hi Laborad,

    Sorry, I missed it in the original post.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#menu-item-494.menu-item,
#menu-item-495.menu-item  {
	max-width: 200px;
}
.main_menu ul:first-child > li a {
	line-height: 20px !important;
	padding-top: 30px;
}
.header-scrolled.header-scrolled-full .main_menu ul:first-child > li a,
.header-scrolled .main_menu ul:first-child > li a {
	padding-top: 7px;
}
.av-main-nav ul.sub-menu,
.av-main-nav ul.sub-menu .menu-item {
	width: 120%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 16, 2018 at 12:48 pm #985916
    Laborad

    Hi Victoria,
    thank you very much! The code works, but at
    .av-main-nav ul.sub-menu,
    .av-main-nav ul.sub-menu .menu-item {
    width: 120%;
    I had to insert px value instead of %
    Anyway now we can test different sizes to choose the best one.

    Thank you for the private note too, I was working on the main language and I didn’t noticed the error in English menu, anyway I fixed it.

    Best regards

    July 18, 2018 at 4:16 am #986746
    Ismael

    Hi,

    Anyway now we can test different sizes to choose the best one.

    Use the browsers’ mobile emulator to see how the site looks on mobile screens.

    Chrome: https://developers.google.com/web/tools/chrome-devtools/device-mode/
    Firefox: https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

    Best regards,
    Ismael

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