Problem in Mobile view

Solved
IamLLIIME
Trailblazer
155 1 28

Good day! can you help me on how can I adjust this one, Im having a problem in  mobile view, BTW this theme is not publish yet, Thank you so much!

 mobile viewmobile view

0 Likes
paramSoft
Shopify Partner
1414 230 613

This is an accepted solution.

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
IamLLIIME
Trailblazer
155 1 28

Here is the link https://faxcable.com.ph/   please let me know if you already checked it because this theme is not yet ready for published, Thankyou! @paramSoft 

0 Likes
paramSoft
Shopify Partner
1414 230 613

This is an accepted solution.

PLease place this code at the end of theme.scss

@_media only screen and (max-width: 600px) {

#shopify-section-1595816374076 .fc-services .services {

width: 100%;

}

}

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
IamLLIIME
Trailblazer
155 1 28

@paramSoft  it didn't work, it changed the layout

0 Likes
paramSoft
Shopify Partner
1414 230 613

This is an accepted solution.

It should work now

@_media only screen and (max-width: 600px) {
#shopify-section-1595816374076 .fc-services .services {
width: 100% !important;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
IamLLIIME
Trailblazer
155 1 28

IamLLIIME_0-1611057636887.png

IamLLIIME_1-1611057652049.png

 

 

This is what happen when I used the code that you gave @paramSoft 

0 Likes
IamLLIIME
Trailblazer
155 1 28

last time I used this code to achieved this kind of layout

IamLLIIME_0-1611057754724.png

#shopify-section-1595816374076 .fc-services {
display: flex; flex-wrap:wrap;
}

#shopify-section-1595816374076 .fc-services .services {width:50%;}

#shopify-section-1595816374076 .fc-services .services:first-child{width:100%;}

#shopify-section-1595816374076 .text-white{ text-align: center;}

 

that was the code that I used

@paramSoft 

 

0 Likes
IamLLIIME
Trailblazer
155 1 28

Anyone? Hoping for your response,

paramSoft
Shopify Partner
1414 230 613

This is an accepted solution.

Please add me as a staff member. Email: hardikdavra2903@gmail.com

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com