Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 19, 2015 at 6:33 pm #414720
    GabrielAlberola

    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!

    March 20, 2015 at 7:57 am #415085
    Rikard

    Hey GabrielAlberola!

    Please try the following in Quick CSS:

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

    Cheers!
    Rikard

    March 20, 2015 at 6:19 pm #415447
    GabrielAlberola

    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.

    March 22, 2015 at 5:42 am #415864
    Ismael

    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

    March 23, 2015 at 8:32 pm #416676
    GabrielAlberola

    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.

    March 23, 2015 at 9:21 pm #416714
    Yigit

    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

    March 23, 2015 at 10:13 pm #416755
    GabrielAlberola

    Hi Yigit,

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

    line-height in search box

    March 25, 2015 at 1:03 am #417491
    Josue

    Hey!

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

    Cheers!
    Josue

    March 25, 2015 at 5:15 am #417555
    GabrielAlberola

    Hi Josue,

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

    March 25, 2015 at 8:25 am #417597
    Josue

    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

    March 25, 2015 at 4:06 pm #417829
    GabrielAlberola

    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

    March 25, 2015 at 9:16 pm #418167
    GabrielAlberola

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

    March 25, 2015 at 10:53 pm #418193
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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