Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 27, 2016 at 9:21 pm #692411
    thelistener

    Hi there!

    Here’s the link to the site I’m working on.

    Here’s the code I’ve got that’s not working:

    @media only screen and (max-width: 768px){.avia-slideshow-inner background: url(https://floridacontractorceu.com/wp-content/uploads/2016/09/FloridaCEUmobile.jpg);
}.avia-slideshow-inner {
    min-height: 400px !important;
}}

    Basically, I want to use the 600×440 image I’ve got for mobile and scale it automatically so the guy in the pic doesn’t look all skewed. Where am I going wrong? THANKS IN ADVANCE!

    September 30, 2016 at 3:51 am #693493
    Josue

    Hey,

    Try changing your code to:

    @media only screen and (max-width: 768px){
	.avia-slideshow-inner {
	    min-height: 400px !important;
	    background: url(//floridacontractorceu.com/wp-content/uploads/2016/09/FloridaCEUmobile.jpg);
	}
	.avia-slideshow-inner img{
		display: none !important;
	}
}

    Best regards,
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.