Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #320777

    Hi there :-),

    as a “Dummy” I would very much appreciate your help … ;-).
    I am about to create a website for a friend. Her Logo is quite large (see link under private content).
    As a result the gap between the navigation links and the red lines below is very large. How I can change that without resizing the Logo and without placing the Logo above the menu.

    I know some css but in this case I am afraid of ruining everything :-/.

    Thanks in advance for your help. :-)

    Regards
    Sigrid

    #321333

    Hi Sigrid!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .main_menu ul:first-child > li a {
    line-height: 230px;
    }

    Cheers!
    Yigit

    #321938
    This reply has been marked as private.
    #322285

    Hey!

    Please use this:

    .main_menu ul:first-child > li a {
    line-height: 30px;
    height: 30px;
    }
    
    .avia-menu.av-main-nav-wrap {
    top: 40%;
    position: relative;
    }

    Remove browser cache then reload the page a few times.

    Cheers!
    Ismael

    #322314

    Hi Ismael,

    thank you :-). Unfortunately this didn’t work, either (please check the result once again). The gap between the navigation links and the red lines below is still the same … only that the red lines now moved into the content area.

    Kind regards
    Sigrid

    #322315

    PS. I mean the red line that appears as soon as you hover or active the links.

    #323191

    Hey!

    Please add following code to Quick CSS as well

    .avia-menu-fx { bottom: 62px; }
    .av-main-nav ul { top: 60%; }

    Regards,
    Yigit

    #323338

    Hey,

    perfect. This was great team-work! Thank you very much. Your service is really exemplary.

    I will call my next son Yigit-Ismael ;-).

    Best regards
    Sigrid

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Space between menu link and line’ is closed to new replies.