Home Forums Weaver Xtreme Theme stretching feature image on mobile

Topic Resolution: Answered

This topic contains 8 replies, has 3 voices, and was last updated by  [email protected] 3 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #58353
    Answered

    [email protected]
    Participant

    hi,

    i would like that on mobile the feature image will be on all the screen width (without margins on the left and right side of the image…) , please advise how it can be done

     

     

    tnx

    zvika

     

    #58355

    Maureen
    Participant

    Would need a link to the site to better help you. Meanwhile, check the size of your featured image.

    #58356

    [email protected]
    Participant

    thank you for answering and sorry not putting the link on previous mail

     

    https://www.dogmessenger.com

     

    the size of the feature image is “large” but it do not matter for the margins – i don’t want the margins from right to left of the feature image

     

    tnx

    #58366

    scrambler
    Moderator
    I assume you mean that on phones, when the posts are in a single column, you want to remove the margins on the left and right of the image.
    If so add the rule below in the Theme Global custom CSS rule box
    .blog #content, .blog .content-2-col {overflow:visible;}
    .is-phone.blog .wvrx-posts .featured-image {margin-left:-2%;max-width:104%;}
    This is based on the default content padding being 2%, if that is changed, the values above would need to be adjusted
    #58368

    [email protected]
    Participant

    tnx, i added the css line ,the margin is still there….

    #58370
    Best Answer

    scrambler
    Moderator

    This reply has been accepted as the best answer.

    Change the rule to add the container in the overflow one

    .blog #content, .blog .content-2-col, .blog #container {overflow:visible;}
    .is-phone.blog .wvrx-posts .featured-image {margin-left:-2%;max-width:104%;}

    #58371

    [email protected]
    Participant

    no change…

    #58372

    scrambler
    Moderator

    Missed one more …

    .blog #content, .blog .content-2-col, .blog #container, .blog .post-area {overflow:visible;}
    .is-phone.blog .wvrx-posts .featured-image {margin-left:-2%;max-width:104%;}

    #58374

    [email protected]
    Participant

    works like a charm! tnx 

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

You must be logged in to reply to this topic.