hi i would like to centre my logo and bring the menu options to the left. can someone please assist
3 Likes
Hey @maan2
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (min-width: 768px) {
header#SiteHeader {
display: flex !important;
flex-flow: row-reverse !important;
place-items: center !important;
}
.site-header__element.site-header__element--top {
width: 65% !important;
}
.site-header__element.site-header__element--sub * {
text-align: -webkit-left !important;
margin: 0 !important;
}
.site-navigation--below:before {
content: unset !important;
}
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Hi! 
You can definitely adjust that in your Shopify theme. Here’s how:
-
Go to your Shopify Admin > Online Store > Themes.
-
Click Customize on your active theme.
-
In the header section settings, check if there’s an option to change the logo alignment and menu position (some themes allow this directly).
Hi Moeed,
i do not have the theme.liquid file?
Mitch
Hey Moed,
I got that to work but i have the search bad in the middle. how do i remove that. Also how do i reduce the size of the banner.
I can do it for you but need to access your theme so please share collab request code of your store if you dont mind.
Hi Moed,
I would like to reduce the width of my banner and also freeze the banner as i scroll.
Can you please assist.
Mitch
Hey @maan2
For sure I can help you out with that, can you share a screenshot for reference and also share your collaborator request code in my private messages.
Best,
Moeed
Thank you. please see two screenshots. the request code is 3806. when i scroll down i would like my header with menu options to be visible.
Regards,
Mitch
Hi Moeed, How did you go with my request.