Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 21, 2017 at 11:24 am #749868
    February 22, 2017 at 7:07 am #750271
    Rikard

    Hey Doron,

    Could you post a link to the site in question so that we can take a closer look please? If you have a screenshot highlighting what you would like to achieve it might help us understand better as well.

    Best regards,
    Rikard

    February 22, 2017 at 11:38 am #750420
    Doron

    o.k
    in the private content there is a link for the site and also a link for a screen shoot of what i hope to achieve
    as you can see its a simple horizontal line (in the same width of the menu) between the logo and the menu

    please notice that right now there are 4 menu items but there might be more in the future
    so i hope it’s possible to use a code that will always adapt the menu width so it will always be in the same width of the menu

    thank you so much!

    • This reply was modified 7 years, 8 months ago by Doron.
    February 27, 2017 at 9:28 am #752199
    Doron

    so..is it possible? can anyone help me?
    i tried adding the following code to the quick css

    #avia-menu {
    border-style: solid;
    border-top: #000000;
}

    but it doesn’t seem to work, i’m not sure why
    :(

    February 27, 2017 at 9:32 am #752202
    Vinay

    Hi,

    Thank you for sharing the screenshot it really helps :)

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .logo img {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #000!important;
}

    Best regards,
    Vinay

    February 27, 2017 at 9:37 am #752205
    Doron

    Hi Vinay
    thank you for you fast replay
    your code does add a line but its the same width of the logo
    isn’t it possible to add line in the width of the whole menu (and not the logo)?

    here is a screen shot again (in the private content)

    • This reply was modified 7 years, 8 months ago by Doron.
    February 27, 2017 at 9:46 am #752208
    Doron

    ok..
    i think i solved it!

    #avia-menu {
    border-style: solid;
    border-top: 1px solid #000!important;
}

    seems to work
    ..it’s a bit longer than the last menu item (on the right) but i guess that’s as good as it gets (?)

    February 27, 2017 at 10:02 am #752214
    Doron

    ok! also add

    #menu-item-1090 > a {
    padding-right: 0px!important;
    padding-left: 13px;
}

    and now the line is exactly the same as the menu!
    thanks!
    case solved :)

    March 1, 2017 at 7:55 am #753482
    Rikard

    Hi,

    Great, glad you got it working and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 1, 2017 at 8:27 am #753499
    Doron

    You can close the topic
    Thank you very much for all your help :)

    March 1, 2017 at 10:37 am #753587
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘adding hr line under the logo (in 'logo centered, menu below' header layout)’ is closed to new replies.