Centre logo for Mobile devices - by Chris Barrett

This topic has 11 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

  • Avatar: chris.barrett
    Chris Barrett
    Participant
    March 28, 2018 at 14:44

    How do I centre logo in header for Mobile devices?

    10 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 28, 2018 at 14:50

    Hello,

    Please add this code in Theme Options > Styling > Custom css > Custom css for mobile:

    .header-xstore2  .header-logo {
        text-align:  center;
        width: 100%;
    }
    

    Regards

    Avatar: chris.barrett
    Chris Barrett
    Participant
    March 28, 2018 at 15:04

    Works great! Perfect : )

    Avatar: chris.barrett
    Chris Barrett
    Participant
    March 28, 2018 at 15:32

    I tried the same code on another website to centre the logo and can’t work out the code I need to change for it to take effect? .header-wrapper?

    .header-xstore2 .header-logo {
    text-align: center;
    width: 100%;
    }

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 29, 2018 at 07:08
    .header-wrapper .header-logo {
        text-align: center;
        width: 100%;
        position:  absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    Regards

    Avatar: chris.barrett
    Chris Barrett
    Participant
    April 17, 2018 at 15:15

    Hi, sorry to bother you. Ive changed the theme setting for the header for shotgunbarbers.co.uk and the logo is no longer central on a mobile? can you help centralise logo again. thanks in advance

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2018 at 15:21

    Hello,

    Have you deleted

    .header-wrapper .header-logo {
        text-align: center;
        width: 100%;
        position:  absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    from Theme Options > Styling > Custom css > Custom css for mobile?

    Regards

    Avatar: chris.barrett
    Chris Barrett
    Participant
    April 17, 2018 at 15:48

    Hi, I tried both without success… have now deleted

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2018 at 15:51

    Hello,

    Please clear cache and check one more time – http://prntscr.com/j6gt0q

    Regards

    Avatar: chris.barrett
    Chris Barrett
    Participant
    April 17, 2018 at 16:08

    Thanks, all working now : )

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2018 at 16:11

    Great.
    Have a nice day.

    Regards

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.