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

Home Forums All Other Themes Moved: Reply To: Services section in Mobile version not rendering properly

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #46734
    palomapaloma
    Participant
    • Topics: 20
    • Replies: 57
    • Total: 77
    Member since: August 9, 2016

    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;}

    #46884
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31044
    • Total: 31044
    Member since: August 16, 2013

    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

    #47846
    palomapaloma
    Participant
    • Topics: 20
    • Replies: 57
    • Total: 77
    Member since: August 9, 2016

    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 ?

    #47941
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6990
    • Total: 7000
    Member since: June 12, 2013

    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

    #47967
    palomapaloma
    Participant
    • Topics: 20
    • Replies: 57
    • Total: 77
    Member since: August 9, 2016

    good to go. Thank you

    #48038
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31044
    • Total: 31044
    Member since: August 16, 2013

    🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Moved: Reply To: Services section in Mobile version not rendering properly’ is closed to new replies.