Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #414720

    Hi,

    Here is my website: http://www.imarklab.dreamhosters.com

    I’ve changed the line-height of my menu items to align them with my logo. I’ve put this line:

    `#header_main .container, .main_menu ul:first-child > li a { line-height: 136px!important;}

    The problem is that it also affects the line-heights of my sub-menu items (under “étude imarkscore”), as well as my search box “See all” button (“Voir tous les résultats” in french). Is there a way to keep my 136px line-height for my main menu items, while not applying it to the sub-menus/search box? Haven’t figured how… Thanks!

    #415085

    Hey GabrielAlberola!

    Please try the following in Quick CSS:

    .sub-menu li a{
    line-height: 30px !important;
    }

    Cheers!
    Rikard

    #415447

    Hi, thanks for the reply, I’ve added it but it doesn’t seem to change anything? The submenu and search link still have the 136px line-height.

    #415864

    Hi!

    Remove this code:

    #header_main .container, .main_menu ul:first-child > li a {
      line-height: 136px!important;
    }

    Replace it with:

    
    #header_main .container, .main_menu ul#avia-menu > li a {
      line-height: 136px!important;
    }
    
    ul#avia-menu .sub-menu li a {
      line-height: 30px!important;
    }

    Regards,
    Ismael

    #416676

    Hi, thanks for the reply again!

    It works for the submenu, but the “view all” button when the search menu is active still has a 136px line-height. Is there a way to change this?

    Thanks again, your help is much appreciated.

    #416714

    Hey!

    Please update Enfold to the latest version 3.1.1 – kriesi.at/documentation/enfold/updating-your-theme-files/
    Issue was fixed

    Best regards,
    Yigit

    #416755

    Hi Yigit,

    Thanks for the answer. I’ve updated the theme but it still does it:

    line-height in search box

    #417491

    Hey!

    Go to the Theme Options and re-save them to regenerate the dynamic stylesheet.

    Cheers!
    Josue

    #417555

    Hi Josue,

    Thanks for the help, I appreciate it. I have re-saved the theme options but the problem is still there… :/

    #417597

    Hey!

    Change this code in your Quick CSS:

    #header_main .container, .main_menu ul:first-child > li a {
      line-height: 136px !important;
    }

    To:

    #header_main .container, .main_menu ul:first-child > li > a {
      line-height: 136px !important;
    }

    Regards,
    Josue

    #417829

    Hey Josue,

    Thanks again, it successfully changes the “View all” button in the search menu… But it cancels the line-height on my main menu (it’s supposed to be aligned with the bottom of imarklab’s logo, see red line in the screenshot).

    Screenshot

    #418167

    Oh wait no, it actually works now! It didn’t paste correctly at first, sorry. Thank you so much Josue!!

    #418193

    You are welcome, glad to help :)

    Regards,
    Josue

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