Return to previous page

Centre logo for Mobile devices - by Chris Barrett

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

Chris Barrett

Participant

March 28, 2018 at 14:44

How do I centre logo in header for Mobile devices?

#189549 Copied Theme version: 4.18

10 Answers
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
#189551 Copied
Chris Barrett

Participant

March 28, 2018 at 15:04

Works great! Perfect : )

#189553 Copied

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%;
}

#189557 Copied Theme version: 4.21.1
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
#189598 Copied
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

#191369 Copied Theme version: 4.24
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
#191371 Copied
Chris Barrett

Participant

April 17, 2018 at 15:48

Hi, I tried both without success… have now deleted

#191375 Copied

Rose Tyler

Support staff

April 17, 2018 at 15:51

Hello,

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

Regards

#191376 Copied

Chris Barrett

Participant

April 17, 2018 at 16:08

Thanks, all working now : )

#191378 Copied

Rose Tyler

Support staff

April 17, 2018 at 16:11

Great.
Have a nice day.

Regards

#191379 Copied
Viewing 11 results - 1 through 11 (of 11 total)