Viewing 2 reply threads
You must be logged in to reply to this topic.
Hi there, I have set my mobile view to have a max width of 345px by using css supplied by yourselves (.container { max-width: 345px !important;} and its working great.
However there is one element that I would like to stretch outside the container so it its closer to the edges of the screen (see link) it is the graphic that says “3 Blinds £99 to £199”
Could you tell me how I would do that?
Thanks
Hello,
The css you need in order to achieve this is :
.wpb_single_image img {
max-width: 109% !important;
margin-left: -15px !important;
}
Result screenshot. But since there are other images in your page with the same css class, it will affect them as well. So i suggest you set the image a new custom css class and assign these attributes to the new css class. In this way it will target only the image you want. Not all page’s images.
Best regards!
You must be logged in to reply to this topic.