Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 2, 2017 at 4:34 pm #847199
    piero_fioretti

    Hi,
    I’m having problems with the menu icon when the header is reduced in height. I got through the problem by adding this quick CSS

    .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
    bottom: 13px;
    }

    but it seems to me like a brutally hand made thing with that 13px.
    However if I don’t put this, the menu icon is under the midline of the header on mobile phones (if you reduce the dekstop window you’ll find that it is centered without that code, but not on mobile phones)
    Thank you for your help!

    September 4, 2017 at 6:16 pm #847850
    Mike

    Hey piero_fioretti,
    Your fix seems to be working, but if you want to try something else, I noticed that this element was 80px and dropping down:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu { height: 30px!important; }

    It might be a replacement for your code, hard to tell with it in place.

    Best regards,
    Mike

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