Display 2 Promotions per row in Homepage on mobile only (Turbo Portland Theme)

Solved
GiuliaCalz
Excursionist
17 1 1

Hello,

I would like to display 2 promotions per row in HOMEPAGE on MOBILE only. See image for details:

Schermata 2020-09-19 alle 13.46.34.png

Theme Turbo Portland

Any help will be greatly appreciated. Thank you!

0 Likes

This is an accepted solution.

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->style.scss.liquid

@media only screen and (max-width: 798px){
.featured-promotions.full-width--false .promo-per-row-3 .feature-section {
    width: 48%;
    margin: 1%;
    clear: none !important;
}
.featured-promotions .feature-section.title-overlay-true .title {
    margin-bottom: 0;
}
h2, .h2, h2.title {
    font-size: 13px;
}
.featured-promotions .feature-section .feature-details .button {
    margin-top: 0;
}
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Syed_Mustafa
Shopify Partner
254 5 18

Hi,    hopes you are doing well and great this is Syed Mustafa an experienced Shopify Developer I've gone through your issue details and it matches my expertise I can solve this issue for you but it will be a one time paid service.

If it is of your wish, I present myself available to help you. Kindly feel free to reach me at Syedmustafanadeem99@gmail.com. 

Thank you!

Kind regards,
Syed Mustafa Nadeem

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
0 Likes
GiuliaCalz
Excursionist
17 1 1

Thank you very much for you help @oscprofessional ! Problem solved!

Schermata 2020-09-19 alle 15.38.21.png

0 Likes
Buganvilla
Tourist
4 0 2

Hi!

I have the same problem as Giulia. However this solution didn't work for me :S I would highly appreciate some help!

The url to my store is: buganvillajoyas.com

Thanks in advance!

0 Likes
Syed_Mustafa
Shopify Partner
254 5 18

Hi Buganvilla I can do this for you don't worry just mail me at Syedmustafanadeem99@gmail.com. Thanks 

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
0 Likes
loungeact
New Member
1 0 0

HI there, I dont suppose you know the code to use to make this work on the flex theme?? Kindest Regards and thanks in advance.

0 Likes