Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 28, 2015 at 3:58 pm #557735
    meertevanduuren

    Hi,

    The menu overlaps the logo on tablets of our website. Tried the following options, but unformtunately no results:

    1. Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation -> CHECK
    2. Added following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 7px; }
    }
    > sign was not converted in Quick CSS field

    So now we need your help :-)!
    Thanks in advance.

    Cheers,
    Meerte

    December 28, 2015 at 4:37 pm #557744
    Yigit

    Hey meertevanduuren!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1024px) and (min-width: 990px) {
.av-main-nav>li>a { font-size: 12px; }
.logo * {
    max-width: 75%;
    top: 16px;
}}

    Regards,
    Yigit

    • This reply was modified 10 years, 3 months ago by Yigit.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.