Mobile image off center

Home Forums Freedom Free Mobile image off center

Tagged: ,

This topic contains 5 replies, has 3 voices, and was last updated by  ashishsthanp 6 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1305916

    David Worthington
    Participant

    Hello,

    This image has a CSS class for the desktop view. I’m assuming that’s why it is orientated left on the mobile view. Is there a fix for this (mobile only)? https://www.iworthington.me/work/

    Thank you.

    #1305954

    Nima
    Moderator

    Hello David,

    Please, go to the options Appearance->Customize->Additional CSS and paste the CSS code below:

    @media screen and (max-width: 768px){
    .page-id-21 img.alignright{
    float: none;
    }}

    Try the above code and post us back if your query doesn’t gets solved.

    Regards!
    ThemeGrill Support Team

    #1305972

    David Worthington
    Participant

    Thanks very much for your reply. The image is now spilling over the right margin of the mobile page.

    #1306136

    ashishsthanp
    Moderator

    Hello, @david

    Add the following line after float: none; in above code:

       
        display: block;
        margin-left: auto;
        margin-right: auto;
    

    Regards,
    ThemeGrill Support Team.

    float: none;

    #1306176

    David Worthington
    Participant

    That worked. Thanks very much.

    #1306444

    ashishsthanp
    Moderator

    Hello, @david-worthington

    Glad to know it worked for you.

    We would really appreciate if you could provide us a review here:
    https://wordpress.org/support/theme/freedom/reviews/?filter=5

    If you have any more questions, feel free to ask again!

    Regards,
    ThemeGrill Support Team.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.