[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
    Posts
  • #1183871

    Mike

    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!

    #1183884

    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;
    }
    #1183900

    Mike

    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?

    #1183920

    Leo Customer Support

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

    Thanks 🙂

    #1183960

    Mike

    Sure thing.

    #1183973

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

You must be logged in to reply to this topic.