-
Posts
-
Hello Enfold support,
I’m having troubles aligning the logo left on mobile devices. I’ve tried a lot of the solutions that i found in other topics but none worked for me. The website i’m working on is below in the private part. Can you help me out?
Thanx,
MaartenHi Maarten,
It seems the svg itself is centered and does not seem to be affected by the CSS codes added to change its alignment to the left.
Can you try adding this CSS code in Quick CSS:@media only screen and (max-width:767px) { .responsive .logo img { transform: translateX(-25%); } }Best regards,
NikkoHello Nikko,
Thank you, this seems to work a little bit. It depends on the size of your screen. When the screen is just below 766 pixels the menu changes into the hamburger menu and the logo still has about 70 pixels to much margin on the left side but when you make the screen smaller the margin gets smaller and at 400 pixels the logo is aligned left perfectly. Is it possible that the logo is aligned left immediately when the hamburger menu pops up? On my iPhone 8 in portrait it’s perfect but not in landscape and my client wants it to be aligned left.
Best regards,
MaartenHi Maarten,
Can you try to remove the code I gave and replace it with:
@media only screen and (max-width:767px) { .responsive .logo img { max-width: 117px; } }Best regards,
Nikko
- The topic ‘Align logo left on mobile’ is closed to new replies.