Problem in Mobile view

[IamLLIIME]

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 view

[paramSoft · Accepted solution]

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

[IamLLIIME]

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 

[paramSoft · 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%;

}

}

[IamLLIIME]

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

[paramSoft · Accepted solution]

It should work now

@_media only screen and (max-width: 600px) {
#shopify-section-1595816374076 .fc-services .services {
width: 100% !important;
}
}

[IamLLIIME]

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

[IamLLIIME]

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

#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 

[IamLLIIME]

Anyone? Hoping for your response,

[paramSoft · Accepted solution]

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