If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #237245
    #237427

    Hi Enabl!

    Please add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    display: block;
    margin: 0 auto;
    float: none !important;
    position: relative;
    }
    }

    I suggest that you keep the css to hide the menu, it is much more convenient. Add visibility: hidden;.

    Best regards,
    Ismael

    #237798

    Ismael,

    Thanks for the quick response! That almost worked ;)

    I added the above code to my child theme and it did center align the logo in all breakpoints except from: 980px to 480px (it stays aligned to left).

    I tried to work some magic, but I couldn’t get the logo to stay centered in that specific breakpoint. Could it have anything to do with my logo being a bit larger than the recommended size for the theme? Also, is there anyway to keep the logo vertically-aligned to the middle of the header at all times?

    Thanks for your help,

    Enabl

    • This reply was modified 2 years, 2 months ago by  Enabl.
    • This reply was modified 2 years, 2 months ago by  Enabl.
    #238602

    Hi!

    You can try this css code to vertical align the logo:

    
    #top #header .logo{ position: relative; display: table; }
    #top #header .logo a, #top #header .logo img{ display: table-cell; vertical-align: middle; }
    

    I use it on my website and it works great for me.

    Best regards,
    Peter

    #287496

    Dude’s code, added to Quick CSS, worked exactly as needed on my site.

    I am once again blown away by how good the support of this theme is. Thank you so much.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Header Logo & Main Menu’ is closed to new replies.