Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 18, 2018 at 9:24 pm #899305
    ginnywills

    Is there a way to change formatting on just the mobile version or even just the phone? For instance, I want my text aligned centered on the phone, but not on the laptop/desktop. Is there CSS code for that?

    January 19, 2018 at 12:39 am #899386
    Jordan Shannon

    Hey ginnywills,

    Please provide a link to the site/page in question so we can inspect the page and provide the necessary css.

    Best regards,
    Jordan Shannon

    January 19, 2018 at 12:41 am #899388
    ginnywills

    Its not really a specific pages that I want it for, its more overall. If you look at this home page: http://roadies.coach/
    I like the way it looks on the laptop but when you look at it on the phone, some things are centered and some are left-aligned. I am wondering if it can ALL be centered JUST on the mobile.

    Thanks

    January 19, 2018 at 6:46 am #899530
    Mike

    Hi,
    Yes it can, it just a matter of knowing the classes of the elements, Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 480px) { 
.av-catalogue-container{text-align:center !important; }
.av-catalogue-title{padding-right:0px!important;  }
.av-catalogue-content{padding-right:0px!important; }
.av-catalogue-image{float:none!important;  margin-right:0px!important; }
}

    Best regards,
    Mike

    January 19, 2018 at 3:46 pm #899717
    ginnywills

    Yeah!! So its only a matter of putting this in front ‘@media only screen and (max-width: 480px)’ and then it will only make changes on the phone?

    January 19, 2018 at 4:42 pm #899729
    Jordan Shannon

    Hi,

    Yes. It targets the specific mobile screen size. Did Mike’s code solve your problem?

    Best regards,
    Jordan Shannon

    January 19, 2018 at 5:09 pm #899758
    ginnywills

    Yes! Thank you!

    January 19, 2018 at 5:13 pm #899763
    Jordan Shannon

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change formatting on mobile version only?’ is closed to new replies.