This topic has 11 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler
How do I centre logo in header for Mobile devices?
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
Works great! Perfect : )
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%;
}
.header-wrapper .header-logo {
text-align: center;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
Regards
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
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
Hi, I tried both without success… have now deleted
Thanks, all working now : )
Great.
Have a nice day.
Regards
You must be logged in to reply to this topic.Log in/Sign up