Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2018 at 7:47 am #931086
    ewingmh

    Why isn’t my logo centered in portrait mode on a phone? Also the hamburger icon is hanging off of the header.

    Home

    March 22, 2018 at 1:53 pm #931282
    Nikko

    Hey ewingmh,

    It’s affected by some css, I have added this css code in your Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top .logo {
    margin-left: auto;
    margin-right: auto;
  }

  .responsive #top #wrap_all .main_menu {
    top: 5px;
    right: -10px;
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main > a {
    height: 40px;
    line-height: 40px;
    padding-left: 0;
  }

  #header .av-hamburger-box {
    width: 25px;
  }
}

    Let us know if it helps.

    Best regards,
    Nikko

    March 22, 2018 at 6:24 pm #931526
    ewingmh

    That works in portrait mode but then falls apart again in landscape mode.

    Why isn’t it programmed to be responsive from the get go? Seems like having to enter in all of this CSS to get the logo to be centered is a design flaw.

    March 22, 2018 at 9:28 pm #931657
    Basilis

    Hi,

    Sure, please change the code as

    @media only screen and (max-width:1050px) {
  .responsive #top .logo {
    margin-left: auto;
    margin-right: auto;
  }

  .responsive #top #wrap_all .main_menu {
    top: 5px;
    right: -10px;
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main > a {
    height: 40px;
    line-height: 40px;
    padding-left: 0;
  }

  #header .av-hamburger-box {
    width: 25px;
  }
}

    and let us know if it works

    Best regards,
    Basilis

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