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

    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,



    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,


    • This reply was modified 3 years, 7 months ago by  Enabl.
    • This reply was modified 3 years, 7 months ago by  Enabl.


    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,


    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.