Mobile display of burger menu overlapping logo

  • Hi There,

    I have two issues with this page in mobile;

    1) The burger menu overlaps the logo
    2) The title of this page moves over a couple of lines and splits the word ‘development’

    I tried this css for the menu, but it doesn’t seem to work;

    @media only screen and (max-width: 1100px) {
    nav.main_menu {
    display: block !important;
    }
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    Can someone help?

    Thanks
    Clare

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello claregreenall,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    @media(max-width:641px) {
  .site-title-wrapper {
    padding: 30px 0 0 13px;
    width: 350px;
  }
}
@media(max-width:480px) {
  .page-title-container .page-header .page-title {
    width: auto;
    font-size: 2.5em;
  }

  .site-title-wrapper {
    padding: 30px 0 0 13px;
    width: 250px;
  }
}

    Hope this will helps you.

    Thanks !

    Thread Starter claregreenall

    (@claregreenall)

    Thanks so much – this is perfect and really helpful of you!

    Merry Christmas! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile display of burger menu overlapping logo’ is closed to new replies.