Shopify themes, liquid, logos, and UX
Please can someone help. For mobile how do I remove the spacing firstly on the footer between the links and the payment icons. Secondly between the slideshow and Top recommended. Im using the taste theme.
Solved! Go to the solution
This is an accepted solution.
Hey @Ryan1998,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
@media only screen and (max-width: 989px) {
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
display: none !important;
}
footer .footer-block.grid__item.footer-block--menu,
ul.footer-block__details-content.list-unstyled{
margin-bottom: 0 !important;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
This is an accepted solution.
Hey @Ryan1998,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
@media only screen and (max-width: 989px) {
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
display: none !important;
}
footer .footer-block.grid__item.footer-block--menu,
ul.footer-block__details-content.list-unstyled{
margin-bottom: 0 !important;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Legend! Thanks
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025