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 -%}
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;
}
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024