Shopify themes, liquid, logos, and UX
Hi Experts,
I have 5 menus in my website home page header and they are not fitting?
Can someone please guide where is the settings for this?
Regards,
Amin
Solved! Go to the solution
This is an accepted solution.
Hi @aminm1 ,
As you have too many items on your header, we cannot fit it on a one line. However I have written a Custom CSS to deautify the existing header.
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </body> tag
<style>
.site-header {
height: fit-content!important;
padding: 10px 0 10px 0;
}
</style>
If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
This is an accepted solution.
Hi @aminm1
Check this one.
.wrapper {
max-width: 100% !important;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Hi @aminm1 ,
As the header has been fixed, you can mark the answer as accepted. Also like all my replies to motivate me.
Meanwhile, for your other question, please follow below step.
Step 1: Go to Online Store > Navigation
Step 2: Add product to navigation
Step 3: Reposition the navigation as a child by dragging
This is an accepted solution.
you are a legend mate 😍😍
This is an accepted solution.
Did you just accept your own reply as an answer? Or was that a mistake?
Can you provide link to your store?
This is an accepted solution.
Hi @aminm1 ,
As you have too many items on your header, we cannot fit it on a one line. However I have written a Custom CSS to deautify the existing header.
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </body> tag
<style>
.site-header {
height: fit-content!important;
padding: 10px 0 10px 0;
}
</style>
If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Perfect mate. Thanks for your help.
Can you please advsie how can I add more products under a tab like Christmas picks?
This is an accepted solution.
Hi @aminm1 ,
As the header has been fixed, you can mark the answer as accepted. Also like all my replies to motivate me.
Meanwhile, for your other question, please follow below step.
Step 1: Go to Online Store > Navigation
Step 2: Add product to navigation
Step 3: Reposition the navigation as a child by dragging
This is an accepted solution.
you are a legend mate 😍😍
This is an accepted solution.
Did you just accept your own reply as an answer? Or was that a mistake?
This is an accepted solution.
Hi @aminm1
Check this one.
.wrapper {
max-width: 100% !important;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024