Focal Theme - Complementary Products (Mobile view)

Solved

Focal Theme - Complementary Products (Mobile view)

TillBa
Tourist
22 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)

Markit-Themes
Shopify Partner
297 62 51

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

Did I help you? Give back by planting a tree here.
Free Shopify 2.0 Themes

View solution in original post

Replies 2 (2)

Markit-Themes
Shopify Partner
297 62 51

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

Did I help you? Give back by planting a tree here.
Free Shopify 2.0 Themes
TillBa
Tourist
22 0 2

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