Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #930683

    Hi, how do I make the images take full width of the column on mobile? The same way they do on Desktop.

    #931286

    Hey DROR,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 450px) and (max-width: 667px) { 
    	.avia-image-container.avia-align-center .avia-image-container-inner {
    	    width: 112% !important;
    	    max-width: 130%;
    	    left: 6%;
    	}
    }
    @media only screen and (max-width: 449px) {
    	.avia-image-container.avia-align-center .avia-image-container-inner {
    	    width: 123.4% !important;
    	    max-width: 130%;
    	    left: 11.6%;
    	}
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #931325

    Thanks!

    #932030

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Images on mobile not showing as they should’ is closed to new replies.