Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 28, 2015 at 9:19 pm #436382
    crhenriq

    Even Kriesi Website has this problem.

    When you shrink the image and the “second menu line” appears, it doesnt have background, making imposible to see.

    Enfold

    Is there a way to have background on the menu as the second line appear.

    Thanks

    • This topic was modified 9 years, 7 months ago by crhenriq.
    April 29, 2015 at 8:32 pm #436997
    Yigit

    Hi crhenriq!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
    If that does not help, please post the link to your website.

    Best regards,
    Yigit

    April 29, 2015 at 8:38 pm #437002
    crhenriq

    Hi Yigit

    The problem remains.

    Please check http://www.apv.cl/n/

    As soon you start shrinking the website it appears a second line on the Menu, without background.

    Thanks

    April 29, 2015 at 8:44 pm #437012
    Yigit

    Hi!

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

    @media only screen and (max-width: 1140px) and (min-width: 990px) {
#top .av_seperator_big_border#header .av-main-nav > li > a { padding: 0 8px; }
#header_main_alternate .container { padding: 0; }}

    Cheers!
    Yigit

    April 29, 2015 at 8:59 pm #437038
    crhenriq

    Yhasn Yigit

    Now is better.

    But the search icon still goes to the second line (i will try different min-width)

    Nevertheless, a second line on the menu cant be configured to shoy with menu background instead of transparent?

    Thanks

    April 29, 2015 at 9:03 pm #437047
    Yigit

    Hey!

    Code i posted is currently not being applied. You can decrease 8px padding value in the code i posted and it should work fine.
    That would be possible too but it would look uglier in my opinion. You can try it with following code

    @media only screen and (max-width: 1140px) and (min-width: 990px) {
#header #header_main_alternate .container {
  max-height: 70px;
  height: 70px;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
  padding-top: 153px;
}}

    Best regards,
    Yigit

    April 29, 2015 at 9:12 pm #437054
    crhenriq

    Thats workink

    I’ll check with both alternatives to make a desition.

    Some troubles with the search icon but i can live with it.

    Thanks for the support Yigit!

    April 29, 2015 at 9:14 pm #437060
    Yigit

    Hi!

    You are welcome!
    Please check and let us know so we can mark the thread as resolved or assist you further. Topic will be on hold until you reply.

    Best regards,
    Yigit

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