Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 3, 2014 at 5:55 am #361962
    nigellim68

    Please take a look at the URL in the private data section.

    How can I move the menu items above the orange bar and remove the borders?

    thanks

    • This topic was modified 10 years ago by nigellim68.
    December 3, 2014 at 6:59 pm #362376
    Yigit

    Hi nigellim68!

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

    .av-main-nav > li > a, div#header_main_alternate { border: none !important; }
div#header_main_alternate { position: relative; bottom: 45px; }

    Best regards,
    Yigit

    December 3, 2014 at 7:46 pm #362422
    nigellim68

    Thanks, Yigit but the menu items ‘eat’ into the logo.
    Fixed with
    .av-main-nav > li > a, div#header_main_alternate { border: none !important; }
    .html_header_top.html_bottom_nav_header .main_menu{ clear: both; position: relative; line-height: 40px; height: 100%; width:100%; float:left; margin-bottom: 50px;}

    Now, can you tell me which function/script generates the menu items?
    I think my strategy now is to intercept the loop and manually add padding so that the 5th menu item “Locate Us” appears after the middle icon…

    December 3, 2014 at 7:48 pm #362423
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    li#menu-item-334 {
margin-left: 10%;
}

    You may need to adjust the value to make it responsive. You can use px instead of %
    P.S.: Shall i close the other topic of yours as it seems to be a duplicated one?

    Regards,
    Yigit

    December 4, 2014 at 5:40 am #362717
    nigellim68

    Hi Yigit

    Thank you! It works.
    Please let me know why the 5th menu element is menu-item-334; how did you get this magic number?
    I need to know because if there are any changes, I will know how to do it myself.

    After this, please close the other topics related.

    Many thanks!

    • This reply was modified 10 years ago by nigellim68.
    December 4, 2014 at 2:29 pm #362850
    Yigit

    Hi!

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

    Regards,
    Yigit

    December 4, 2014 at 3:08 pm #362886
    nigellim68

    Ok, got it. Thanks. Please close this topic.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu Items Reposition, Border’ is closed to new replies.