Shopify themes, liquid, logos, and UX
Hi,
I'd like to move the recently viewed section on desktop up 20px. my site is https://luxurymrkt.com/collections/ets-fs-best-selling-products/products/off-white-doormat-with-logo
@Luxurymrkt , You can follow these steps:
Step 1: Go to Admin -> Online store -> Theme > Edit code
Step 2: Search for the file theme.css and find this css code below:
@media screen and (min-width: 767px) {
.section-header__title {
font-size: 22px;
}
Step 3: Now, the font-size is "22px". Change font-size, increase it to 32px, 42px, 52px, ... and click "save" button.
If it works, please mark my answer as solution. Tks.
SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
@Luxurymrkt , ahh, sorry. I misunderstood your question. Here, new solution:
Step 1: Go to Admin -> Online store -> Theme > Edit code
Step 2: Search for the file theme.css and add this css code below, in the top of file:
@media screen and (min-width: 767px) {
.main-content .shopify-section.index-section {
margin-bottom: 35px !important;
}
}
If you want it even higher, reduce the margin-bottom further.
SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025