Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 1, 2015 at 1:12 am #496165
    STRITZ

    Need help centering logo on mobile. For some reason none of the approaches I’ve seen here are working when adding to my Quick CSS

    Posted private login information for admins / moderators here given that the site is behind a maintenance plugin at the moment.

    Thanks all.

    September 1, 2015 at 6:05 am #496222
    STRITZ

    Update: I believe that the space to the right of our logo is where the menu item used to be. How do we remove that completely given that we are using UberMenu in a different location?

    Thought this might help…

    September 1, 2015 at 7:13 am #496234
    Basilis

    Hey!

    Please provide your web site URL, so we can see it visual, understand the problem and assist better.

    Best regards,
    Basilis

    September 2, 2015 at 3:26 am #496807
    STRITZ

    Basilis, all of this was provided in the initial “Private Content” Since then, the site has gone live.

    http://www.vibedration.com

    We need to center the logo on mobile. I think its only left justified because of the original menu icon that rests in the upper right of the NavBar. We are currently using ubermenu so we can completely remove that div for the original mobile menu. We also have a child theme here so we can do whatever is necessary to get this done.

    Any help would be awesome.

    Thanks,

    J

    September 3, 2015 at 5:33 am #497484
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100% !important;
    text-align: center !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 9 years, 5 months ago by Rikard.
    September 3, 2015 at 7:20 am #497507
    STRITZ

    Tried it and it didnt work. If you load the site and resize the browser, you will see that the logo hugs the left side of the screen and on the right, thats where the mobile menu used to be…. Not sure if that has anything to do with it….

    Any help would be great.

    Thanks

    September 4, 2015 at 9:33 am #498169
    Ismael

    Hi!

    The code above should work but there is a few missing css code. Please try this:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
    text-align: center;
}

.responsive .logo img {
    display: inline-block;
}
}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

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