Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1127887

    Hi,

    After doing some research on the support forum to adjust the height of my main menu mobile container I added the below css.

    However in the iPad view (768px) with ChromeDev it appears it hasn’t worked properly for the burger menu icon and search icon. I have attached a screenshot file in the private content.

    /* CSS – */

    @media only screen and (max-width: 990px) {
    #header #header_main .container {
    height: 50px !important;
    line-height: 50px !important;
    }}

    @media only screen and (max-width: 768px) {
    #header #header_main .container {
    height: 50px !important;
    line-height: 40px !important;
    }

    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 50px;
    line-height: 40px;
    }
    .responsive .logo a {
    display: inline-block;
    }}
    @media only screen and (max-width: 768px) {
    .responsive .logo img {
    max-height: 50px;
    }
    }
    @media only screen and (max-width: 320px) {
    .responsive .logo img {
    max-height: 50px;
    }
    }

    • This topic was modified 5 years, 2 months ago by SilviaNT.
    #1128137

    Hey SilviaNT,

    Thanks for the screenshot, could you post a link to the actual site as well please?

    Best regards,
    Rikard

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