Tagged: 

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • June 26, 2014 at 11:59 am #284006
    Finlando

    Hello,

    can You help me please with the black boarder / line under the main menu…, I want the line to stay when I scroll down.

    Thank You very much!

    Regards,
    Finlando

    June 26, 2014 at 12:05 pm #284010
    Yigit

    Hi Finlando!

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

    .header-scrolled #header_main_alternate {
border-bottom: 1px solid black;
}

    Regards,
    Yigit

    June 26, 2014 at 12:16 pm #284015
    Finlando

    Hi Yigit,

    Thank You! works fine.

    but when You scroll down and then hover over a menu item You can see a margin between the header line and the submenu boarder.

    Regards,
    Alex

    June 26, 2014 at 12:32 pm #284023
    Yigit

    Hey Alex!

    Please add following code to Quick CSS as well

    .av-main-nav > li > ul { border-top-width: 1px; }

    Cheers!
    Yigit

    June 26, 2014 at 1:22 pm #284060
    Finlando

    Thanks a lot, Yigit!

    June 26, 2014 at 1:29 pm #284061
    Finlando

    Sorry Yigit,

    still got a small margin, between the black line (when menu item is selected) and the header

    Regards,
    Alex

    June 26, 2014 at 1:55 pm #284063
    Yigit

    Hi!

    Can you post a screenshot of the issue please?

    Best regards,
    Yigit

    June 26, 2014 at 2:06 pm #284068
    Finlando

    Hey!

    http://snag.gy/vFOEz.jpg

    the right one is when You scroll down

    Regards,
    Finlando

    June 26, 2014 at 2:11 pm #284072
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .header-scrolled .av-main-nav ul { top: 98%; }
.avia-menu-fx { display: none; }

    Regards,
    Yigit

    • This reply was modified 10 years, 5 months ago by Yigit.
    June 26, 2014 at 2:16 pm #284074
    Finlando

    Hi!

    the issue on the left pic is solved… Thank You!

    But when You scorll down You can see 1px margin (like on the right pic)

    Regards,
    Alex

    June 26, 2014 at 2:24 pm #284076
    Yigit

    Hey!

    I updated the code i posted in my previous post and added a custom CSS code to remove menu fx, seems like you set it to white, to hide i believe? It causes 1px gap

    Cheers!
    Yigit

    June 26, 2014 at 2:30 pm #284078
    Finlando

    Hey!

    WORKS GREAT! Thank You!

    One last thing. The following doesnt work on ipad:

    .header-scrolled #header_main_alternate {
    border-bottom: 1px solid black;
    }

    sorry for stressing You!

    June 26, 2014 at 2:40 pm #284084
    Yigit

    Hi!

    No, not at all :)
    Following code should do it 

    @media only screen and (max-width: 990px) {
#header { border-bottom: 1px solid black; }}

    Regards,
    Yigit

    June 26, 2014 at 2:50 pm #284099
    Finlando

    Hi!

    …still disapearing when scroll down (ipad)

    Regards,
    Finlando

    June 26, 2014 at 2:56 pm #284105
    Yigit

    Hi!

    I do not have a chance to check your website on an actual ipad but using simulator and resizing browser window, this is how it looks – http://i.imgur.com/lwjUCVz.png Have you flushed browser cache on your ipad?

    Please add following code to move mobile menu higher

    #advanced_menu_toggle, #advanced_menu_hide { top: 47%; }

    Cheers!
    Yigit

    June 27, 2014 at 1:35 pm #284535
    Finlando

    Hi Yigit!

    how can i turn off the boarders of the main menu items? I could turn them white but then i loose the boarders, where i need them…

    Thank You very much!

    Cheers!
    Alex

    June 27, 2014 at 1:38 pm #284537
    Yigit

    Hi!

    Please add following code to Quick CSS

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { border: none !important; }

    Cheers!
    Yigit

    June 27, 2014 at 1:43 pm #284543
    Finlando

    Hi!

    It works…, Thank You!

    but now I have 2 black lines. I need just one :) (and the line should stay when You scroll down:

    .header-scrolled #header_main_alternate {
    border-bottom: 1px solid black;
    }

    Thanks a lot, Yigit!

    Regards,
    Alex

    June 27, 2014 at 1:48 pm #284546
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 153px;
}

    Best regards,
    Yigit

    June 27, 2014 at 2:11 pm #284562
    Finlando

    Thank You Yigit!

    Now I lost the boarders around the submenu items ( I turned them on i the advanced styling options)

    Thank You!

    Cheers!
    Alex

    June 27, 2014 at 4:29 pm #284623
    Yigit

    Hey!

    Please add following as well

    .av-main-nav > li > ul {
border-top-width: 2px!important;
border-top-style: solid;
border: 1px solid black;
}

    Best regards,
    Yigit

    June 27, 2014 at 4:39 pm #284634
    Finlando

    Thanks, Yigit!

    the last thing is the submenu item (no boarder)

    http://snag.gy/v0eRr.jpg

    Thank You!

    Cheers,
    Alex

    June 27, 2014 at 4:43 pm #284637
    Yigit

    Hey!

    Following code should do it

    #top .av-main-nav ul ul { border: 1px solid black; }

    Cheers!
    Yigit

    June 27, 2014 at 4:47 pm #284641
    Finlando

    Thank You very much Yigit!

    Cheers!
    Alex

    June 27, 2014 at 4:52 pm #284646
    Yigit

    Not at all :)

    Do svidanya!
    Yigit

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘main menu’ is closed to new replies.