Move Recently viewed up 20px Desktop

Move Recently viewed up 20px Desktop

Luxurymrkt
Navigator
615 2 107

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

 

Screenshot 2024-07-02 155603.jpg

Thank You | mike
Replies 2 (2)

BSSCommerce-TA
Shopify Expert
123 24 24

@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. 

 
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

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


BSS Commerce - Full-service eCommerce Agency
BSSCommerce-TA
Shopify Expert
123 24 24

@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. 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

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


BSS Commerce - Full-service eCommerce Agency