Solved

Focal Theme - Complementary Products (Mobile view)

TillBa
Tourist
19 0 2

Dear community,

 

I am using the Focal theme and currently facing some issues on the mobile view on the product pages.

At the moment, the "complementary products" section is above the product description on mobile view. I tried to move this section so its displayed below the description tab but I had no success.I saw another store using the Focal theme which was able to do that (https://www.homere.shop/products/meeko-kiboko-wine)

Is here anyone who could help me with this issue? That would be awesome!

My store with the example page: https://baumann-weine.de/products/chardonnay-jungspund

 

Many thanks for your help!

 

Above.png

 

How I want it to be:
Below.png

 

Best

 

Accepted Solution (1)

Emirates7
Shopify Partner
197 44 47

This is an accepted solution.

Hi TillBa,

 

Go to Online Stores -> Themes -> Customize -> Theme Settings -> Custom CSS and add below code:

 

@media (max-width: 991px) {
.product-content {
flex-direction: column !important;
}
product-recommendations {
margin-top: 40px !important;
}
}

 

1.png

 

Regards,

Emirates7

View solution in original post

Replies 2 (2)

Emirates7
Shopify Partner
197 44 47

This is an accepted solution.

Hi TillBa,

 

Go to Online Stores -> Themes -> Customize -> Theme Settings -> Custom CSS and add below code:

 

@media (max-width: 991px) {
.product-content {
flex-direction: column !important;
}
product-recommendations {
margin-top: 40px !important;
}
}

 

1.png

 

Regards,

Emirates7

TillBa
Tourist
19 0 2

Hi @Emirates7 , thank you so much for your help! That worked perfectly. Many thanks!