Shopify themes, liquid, logos, and UX
hello I wanted to know if you can help me
i am using the studio theme
and I want to align the menu with the logo on the same line
currently the logo is one line above the menu
Solved! Go to the solution
This is an accepted solution.
Hi @ATTIVO ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:
@media screen and (min-width: 990px) {
.header--top-left {
grid-template-areas: "heading navigation icons" !important;
grid-template-columns: 1fr 2fr 1fr !important;
}
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @ATTIVO ,
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
This is an accepted solution.
Hi @ATTIVO ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:
@media screen and (min-width: 990px) {
.header--top-left {
grid-template-areas: "heading navigation icons" !important;
grid-template-columns: 1fr 2fr 1fr !important;
}
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Thanks a lot
It has been wonderful, your work is great
I wanted to know if you can help me with one more thing?
can you help me remove this section that appears in my banner slider
Hi @ATTIVO ,
You can try below code in base.css file:
.slideshow__controls {
display: none !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
you are amazing
one last question
I want to have different images in my banner in the desktop view and the mobile view
How do i do it?
I prefer that you can place different images
Hi @ATTIVO ,
This part is related to custom code. You can hire a shopify expert for support
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hello! Using this but how do I get the menu closer to the logo? Still a large gap between logo on the left and nav menu. Menu is closer centered than not. Thanks!
Thanks, this worked great aligning the menu and logo but my menu navigation headings are on 2 lines now. Can you help me fix this? https://www.gutterbrush.com/ Or maybe I need to reduce my menu to 4 items?
Thank You!
Randy
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025