Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
hi
anyone could help me to decrease the size of my navigation section with css code:
Hi Mathieulenoir,
What theme are you using? or can you share a link to your site so we can look at the code and tell you.
Regards
Danny
Hi Mathieulenoir,
First: Fix your code, this <h1> should NOT be where the navigation is (screen shot below). I would recommend you remove it and just place it below the banner or in the banner.
Secondly: to increase / decrease the height, in the screen shot you can see where the arrow is, just above it you have padding:2rem, if you increase the padding example 2.5rem it'll increase the height and vice-versa.
Regards
Danny
thank you so much for your help! fixed!
Excellent, try and also move the <h1> issue outside of the navigation as well.
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below under <head> element
<style>
.shopify-section-group-header-group .nav-header { margin: 0; }
.shopify-section-group-header-group > div { padding: 4px 0 !important; }
</style>
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024