Jump to content

Archived

This topic is now archived and is closed to further replies.

sfmstudios

Image Size on Mobile

Recommended Posts

sfmstudios

I'm having trouble increasing the size of an image on mobile...I like the size on Desktop browsers, but would like to increase it on smaller screens to fill up the white space a bit better.

Website is http://staging.arterylock.com.

Looking to increase the "Artery Lock" header logo and have attempted to target it with the following custom CSS:

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
  #image_u5px9zr pl-sn img{
    width: 50vw;
   }
}

What am I missing?

Share this post


Link to post
Share on other sites
Aires

Hi, This worked for me 

@media (max-width: 768px) {
#image_u5px9zr img {
    width: 50vw!important;
}
}

I assume yours will work to if you add the important and remove the pl-sn

Aires


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
sfmstudios

That's perfect...always forget about the

 !important 

option.  Much appreciated!

Share this post


Link to post
Share on other sites

  • Similar Content

    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
×