Please, can anyone show me how I can adjust the logo container width to fit the logo width on mobile only without affecting the logo position. This is my store (aluovi.com)
When you click on it, the blue overlay spans over the account icon
Hi @SageUmeh
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media (max-width: 768px)
a.size-style.spacing-style.header-logo {
width: 130px !important;
}
Let me know if there’s any other issue, I’m here to help. And if it works, please mark my comment as the solution.
Thanks!
It worked, but ended up affecting the position, the logo is now shifted to the left
Hi @SageUmeh
You can fix logo position by adjusting px.
@media (max-width: 768px)
span.header-logo__image-container.header-logo__image-container--original {
padding-left: 18px !important;
}
It worked, appreciate the help
Thanks for your help too
Mark it as a solution so it helps others too, cmon.