Shopify themes, liquid, logos, and UX
Greetings Gurus, I'm using a Custom Liquid Section on my index page and simply want to ZERO the Margin to eliminate the gaps above and below.
Please advise
{%- if template.name == 'index' -%} <h1 itemscope itemtype="http://schema.org/Organization"> {%- else -%} <div itemscope itemtype="http://schema.org/Organization"> {%- endif -%} <a href="/" itemprop="url"> <img src="{{ "logo.svg" | asset_url }}" alt="{{ shop.name }}" itemprop="logo"> </a> {%- if template.name == 'index' -%} </h1> {%- else -%} </div> {%- endif -%}
@DominantGraph
by Using margin and padding you can remove the gap.
Thank you.
Please elaborate a bit.
like margin-top:10px;
padding-bottom:20px;
or
@DominantGraph
Kindly share your Site url. so i can help you.
This is the site: https://inevitabilitee.myshopify.com
the code is testing
It's the firts image at the top. Where do I put the code you mentioned?
like margin-top:10px;
padding-bottom:20px;
I'm a newbie
Store is password protected.
the code is testing
Hii, @DominantGraph
Paste this code on top of the base.css file.
section#shopify-section-template--15272167112939__1634552218f637ba57 h1 {
margin-top: -70px !important;
}
Thank You.
Thanks for your help, that snippet took care of the margin but broke a lot of other things!
It removed the 'Welcome to our store' section and screwed up the header margin.
It also removed the shading from the lower sections.
Original (I only want that white gap gone where the red arrow is.
Hii, @DominantGraph
Paste this code on top of the base.css file.
section#shopify-section-template--15272167112939__1634552218f637ba57 {
margin-top: -35px !important;
}
Thank You.
That's not working either "-35" Breaks other things and removes the welcome section at the top.
Please share your store URL.
Thanks!
In you section custom_liquid.liquid file swap out this code
@media screen and (min-width: 750px) { .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } }
for this one
@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: 0;
padding-bottom: 0;
}
}
User | RANK |
---|---|
186 | |
170 | |
80 | |
55 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023