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;
}
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024