Re: Hide Home Button From Desktop on DAWN

Atsimataves · ‎02-03-2024

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

ThePrimeWeb · ‎02-03-2024

Hey @Atsimataves,

Replace the code with this

<style>
sticky-header .header__inline-menu #HeaderMenu-home {
    display: none !important;
}
</style>

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb · ‎02-03-2024

Hey @Atsimataves,

Just go to the Navigation options, select your menu and remove it

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Atsimataves · ‎02-03-2024

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

ThePrimeWeb · ‎02-03-2024

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.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Atsimataves · ‎02-03-2024

@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!

ThePrimeWeb · ‎02-03-2024

Hey @Atsimataves,

Replace the code with this

<style>
sticky-header .header__inline-menu #HeaderMenu-home {
    display: none !important;
}
</style>

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Atsimataves · ‎02-03-2024

@ThePrimeWeb Thank you so much! It works! I'm super happy :)))

Re: Hide Home Button From Desktop on DAWN

How can I hide the home button on the Dawn theme menu bar?

☕Buy me a coffee☕

☕Buy me a coffee☕

☕Buy me a coffee☕

☕Buy me a coffee☕

Community Blog Articles