Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 25, 2019 at 1:12 am #1082434
    planbsocial

    I have my header set to “logo center, menu below” and it works fine on desktops. On mobile, however, the logo moves to the left side of the header area and the menu becomes a burger menu to the right.

    I’m fine with the burger menu, that’s what I want, but how can I make the logo stay centered on the screen for mobile devices?

    Thanks for your help!

    March 25, 2019 at 1:30 am #1082440
    Jordan Shannon

    Hey Brady,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    March 25, 2019 at 3:27 am #1082482
    planbsocial

    https://www.janeykait.com (it’s my daughters blog)

    March 26, 2019 at 7:35 pm #1083216
    Victoria

    Hi planbsocial,

    You can try using this code:

    
@media only screen and (max-width: 767px) {
    .responsive .logo img {
        margin: 0 auto !important;
    }
    .responsive #top .logo {
        width: 100% !important;
    }
}

    But then you’ll run into this
    Image 2019-03-26 at 19.34.45.png

    Best regards,
    Victoria

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