[Resolved] How to center logo on mobile?

Home Forums Support How to center logo on mobile?

This topic contains 5 replies, has 3 voices, and was last updated by  Leo 2 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1183871


    I’m trying to get my header (for mobile only) to appear exactly like it as on the mobile version of this site: https://nypost.com . Drop down on the left, logo centered, and search on the right.

    Whats the easiest way to achieve this?

    Thank you!


    David Customer Support

    Hi there,

    try adding this CSS to the site:

    .site-logo.mobile-header-logo  {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); 
    #mobile-header .menu-toggle {
        order: -1;
        margin-right: auto;


    Thank you!

    I have another question: How can I make the header stand out from my content a little more? The background for the header is currently an off-white color, which makes it hard to differentiate the header from my content (which has a solid white background color). I tried playing around with the colors, but couldn’t find anything appropriate other than off-white, so I thought about using a custom image as a background.

    How could I implement this, and what should the dimensions of the image be?


    Leo Customer Support

    Any chance you can open a new topic for your question?

    Thanks 🙂



    Sure thing.


    Leo Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.