How do I remove the arrow next to “shop” for a cleaner look?
STILETTO THEME
Topic summary
A user seeks to remove the dropdown arrow next to the “Shop” menu item in the Stiletto theme for a cleaner appearance.
Solution Provided:
- Navigate to Online Store → Theme → Edit code
- Locate the theme.css file
- Add CSS code at the bottom to hide the arrow icon:
.header__links.header__primary-links .header__links-icon span { display: none !important; }
Outcome:
The solution successfully resolved the issue. The CSS targets the specific icon element in the header navigation and hides it while preserving the menu functionality.
Status: Resolved
Hi @Renaye
Can you share with me the page url? I will help you check it.
Hi @Renaye
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css.
Step 3: Paste the below code at bottom of the file → Save
.header__links.header__links-primary span.header__links-icon {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
1 Like
It worked! thankyou
1 Like
Hello @Renaye
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
You are welcome @Renaye 