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;
}
}
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024