Shopify themes, liquid, logos, and UX
Hello guys,
I have a problem. When I increased the font size, my menu bar didn't fit all of these words on the Desktop. Is it possible to hide the first button from the Menu bar (Home/Pradžia)?
Now: HOME - SHOP - NEW - SALE...
I want: SHOP - NEW - SALE...
Thank you
Solved! Go to the solution
This is an accepted solution.
Hey @Atsimataves,
Replace the code with this
<style>
sticky-header .header__inline-menu #HeaderMenu-home {
display: none !important;
}
</style>
Hey @Atsimataves,
Just go to the Navigation options, select your menu and remove it
Hi @ThePrimeWeb, I know this, but I want to hide it only from the desktop and leave it on the phone, because I notice that not all visitors clicked on the logo (home) after coming from the advertisement.
Thank you
Oh, I didn't know that requirement.
You can add this to your CSS.
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
sticky-header .header__inline-menu ul li:first-child {
display: none !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
@ThePrimeWeb Thanks for trying to help me. A little correction is needed, as this code also deleted the first subcategory from the SHOP section.
Before this code:
After:
Thank you!
This is an accepted solution.
Hey @Atsimataves,
Replace the code with this
<style>
sticky-header .header__inline-menu #HeaderMenu-home {
display: none !important;
}
</style>
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
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