How can I add dropdown arrows to the Stockholm theme on mobile?

zimey · ‎03-14-2024

Look at my screensshots, how do i add dropdown arrows in my theme "stockholm"?

Desktop

Mobile

My store url: https://guldklippet-se.myshopify.com/

Thanks in advance!
Simon.

ThePrimeWeb · ‎03-14-2024

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>
.menu-drawer__account-register > span {
    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!

View solution in original post

ThePrimeWeb · ‎03-15-2024

You removed the previous code. You have to add it back. I mentioned earlier to leave it....

I'm not getting the code from anywhere, I'm writing it in realtime

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 · ‎03-14-2024

Hey @zimey,

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>
.menu-drawer__account-register > span {
    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!

zimey · ‎03-14-2024

Thank you it worked!!!

Could you help me with this aswell?

Desktop background is black while mobile is white

Thank you!

ThePrimeWeb · ‎03-14-2024

Hey @zimey,

Same steps as above, just paste this below the <head> tag. Don't remove the previous code.

<style>
@media only screen and (max-width: 1199px) {
    div#menu-drawer {
        background-color: rgb(33, 28, 28) !important;
    }
    
    div#menu-drawer * {
        color: rgba(255,255,255, 0.75) !important;
    }
    
    a.button.menu-drawer__account.link.focus-inset {
        background-color: rgba(255,255,255, 0.75) !important;
        color: rgb(33, 28, 28) !important;
    }
    
    div#menu-drawer svg:not(a.button.menu-drawer__account.link.focus-inset svg),
    div#menu-drawer svg:not(a.button.menu-drawer__account.link.focus-inset svg) path {
        fill: rgba(255,255,255, 0.75) !important;    
    }
    
    a.button.menu-drawer__account.link.focus-inset svg,
    a.button.menu-drawer__account.link.focus-inset svg path {
        color: rgb(33, 28, 28) !important;
    }
    
    .menu-drawer__menu-item {
        border-bottom: 1px solid rgba(255,255,255, 0.75) !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!

zimey · ‎03-15-2024

The menu turned all black and drop down all white, so we are getting close... do you see what went wrong in the code?
Thank you!

ThePrimeWeb · ‎03-15-2024

Yeah nothing wrong there, I just missed the inner menu.

Add this code as well, same instructions. Don't delete the rest, they are working.

<style>
.menu-drawer__inner-submenu {
  background-color: rgb(33, 28, 28) !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!

zimey · ‎03-15-2024

We are getting close my friend!!

can you get the text white aswell as the lines inbetween?
is there any place i can find the code or do you just know?
Thank you primeweb!

ThePrimeWeb · ‎03-15-2024

You removed the previous code. You have to add it back. I mentioned earlier to leave it....

I'm not getting the code from anywhere, I'm writing it in realtime

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!

zimey · ‎03-15-2024

Thank you!!

How can I add dropdown arrows to the Stockholm theme on mobile?