Shopify themes, liquid, logos, and UX
Hi,
How i can decrease the gaping on homepage desktop.
URL - www.portronics.com
Solved! Go to the solution
This is an accepted solution.
hello @Shivam97
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 729px){
#shopify-section-160689169571201177 .index-section , #shopify-section-1604877466457a2e04 .index-section .index-section--alt {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
@media only screen and (min-width: 769px){
.index-section--alt {
padding: 50px 0 !important;
}
#shopify-section-1604877466457a2e04 .custom-content{
margin-top: -65px;
}
}
Hope this works.
Thanks!
This is an accepted solution.
hello @Shivam97
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 729px){
#shopify-section-160689169571201177 .index-section , #shopify-section-1604877466457a2e04 .index-section .index-section--alt {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
@media only screen and (min-width: 769px){
.index-section--alt {
padding: 50px 0 !important;
}
#shopify-section-1604877466457a2e04 .custom-content{
margin-top: -65px;
}
}
Hope this works.
Thanks!
Hi @dmwwebartisan @Kinjaldavra
Thanks it worked.
Can you please help me to increase little gapping below banner.
URL- www.portronics.com
Please add this code for this.
@media only screen and (min-width: 769px){
div#shopify-section-1543003878234 .page-width .skrim-grid .skrim__item {
padding-top: 35px;
}
}
hello @Shivam97
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 729px){
#shopify-section-1543003878234 .index-section.index-section--alt{
padding: 110px 0!important;
}
}
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