Moved: Reply To: Services section in Mobile version not rendering properly

[paloma]

This code did not work for me. please view both my websites on mobile and pc:
www.gmtaylorpropane.com and www.tayloroilheat.com

They have a special code to allow bullet points and that seems to be overriding this code you suggested to fix mobile view:
@media screen and (max-width:767px){
.four_column{width:100% !important;}

[Sonnal S Sinha]

Hi Paloma,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width: 767px) {
 .one_four_page{box-sizing:border-box; margin:0 auto 5% auto !important; width:100% !important; display:block; float:none !important;}
 .one_four_page-wrap{display:inherit; margin:0 auto; float:none !important;}
}
.one_four_page.three_column ul{ width:100% !important;}

I have added this code in one of your site.

Regards,
Brad

[paloma]

Thank you,

that worked but please look at http://www.gmtaylorpropane.com/ the last box on the right, the “GO” read now button is not aligning center on PC. it seems to be to the left for some reason.

also, the boxes are nice and wide on http://www.gmtaylorhomeservices.com/ & http://www.gmtaylorpropane.com/ but not on http://www.tayloroilheat.com
How do I get them wide like the others on http://www.tayloroilheat.com ?

[Sonnal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.one_four_page.three_column ul { text-align:center;}

For Wide Box:

.one_four_page-wrap { display:block;}

Regards,
Shri

[paloma]

good to go. Thank you

[Sonnal S Sinha]

🙂

[Author]

Posts