Hello,
Can I know how to move Logo all the way to the left craft theme and have the header menu positioned next to the logo ?
Topic summary
A user seeks to reposition their logo completely to the left edge in Craft theme 15.3.0, with the header menu placed adjacent to it.
Solutions Attempted:
-
Moeed’s approach: Add custom CSS code to theme.liquid file above the
</body>tag. The user reported this solution didn’t work. -
DaisyVo’s method: Insert CSS code into base.css file targeting screens 990px+ wide, removing left padding from the header. The user confirmed this partially worked but the logo still doesn’t reach the far left edge.
-
Dan-From-Ryviu’s suggestion: Use the built-in theme customization options via Admin > Sales channels > Online Store > Themes > Customize > Header.
Current Status:
The issue remains unresolved. While DaisyVo’s CSS modification moved the logo leftward, it hasn’t achieved the desired full-left alignment. The discussion is ongoing with no definitive solution yet confirmed.
2 Likes
Hey @GiudFabri123
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Sadly it doesn’t work.
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media screen and (min-width: 990px) {
.header:not(.drawer-menu).page-width {
padding-left: 0 !important;
}
}
Result
Best,
Daisy
It has an option to do that from your store admin > Sales channels > Online Store > Themes > Customize > Header
Hi Daisy,
thanks for your help, however it does not go all the way to the left