Shopify themes, liquid, logos, and UX
I would like to change the vertical padding of the sections. However I want to be able to change them individually. I require different spacing for the individual sections. Please help me out:) Thanks!
Solved! Go to the solution
This is an accepted solution.
please add this code
div#shopify-section-1595510426391 {
padding: 0;
}
div#shopify-section-1595516901005 {
padding-top: 0;
}
Hello, @jnb246
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thanks for URL
let me know which section do you need to reduce spacing?
I would like to have a smaller space between the rich text section and the slideshow.
Thanks for clear
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.index-section {
padding-top: 35px;
padding-bottom: 35px;
}
div#shopify-section-image-bar {
padding-bottom: 0;
}
Thank you but it does not solve my problem:
I would like for the text to be closer to the slider.
This is an accepted solution.
please add this code
div#shopify-section-1595510426391 {
padding: 0;
}
div#shopify-section-1595516901005 {
padding-top: 0;
}
Thank you it works perfectly!
I have another question should I post a new thread or can I ask you here?
Thanks again!
Thanks for your support and your compliment.
yes, please as you like a new post or here...
Thank you.
My question is regarding the text at the top of the homepage. When the site is viewed on a mobile phone the "shadow" behind the whit text is gone. With a white background I cannot read it anymore, so I would like to have the shadow on the mobile phone as wel.
This is on a computer screen:
This is on a mobile phone screen:
Yes, add code this code also.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.mega-title, .mega-subtitle {
text-shadow: 0 0 4px rgba(0,0,0,0.4);
}
Perfect!
Thank you very much for your help!
Thanks for your compliment.
Hi I changed hamburger icon to word MENU on my Debut theme but the MENU word is cropped on mobile view.
Refer below:
Please let me know how to adjust header paddings to show the word MENU correctly.
Thank you so much.
Website: steriwand.ph
Thanks for post
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.site-header__icons .btn--link, .site-header__icons .site-header__cart {
font-size: 13px;
}
}
Hi Guys
Please can you help - at some point i removed the padding above the Kit Inspired logo, but now the home page looks strange and is too tight to the top. how can i put a little more space above the logo but also less space under it!
Appreciate your help.
Wayne
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
sorry for that issue i have ck now but i can't see
https://www.bestinthegame.co.uk/collections/kitinspired
Maybe its more obvious here because Kit Inspired. logo is visible?
thanks for detail please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.collection-header .section-header.text-center {
margin: 20px 0px 15px;
}
Thank you so much - is it possible to do this for the home page and product pages the images are butted right up to the top line with no padding.
yes please add this code
ul.a-unordered-list.a-vertical.a-spacing-mini {
margin-left: 15px;
}
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