Static slider image background-size:contain for mobile

@layerthemes,

Ok thanks, So after playing around with the custom css you provided, I switched around code from this:

@media all and (min-width:610px){
#simple-menu {display: none!important;}
#topmenu {display: block !important;}
}

and changed it to this:

@media all and (min-width:610px){
#simple-menu {display: block!important;}
#topmenu {display: none !important;}

It seems to have solved my problem, Thanks ??

@amrr,

If I am interpreting your problem correctly, I think you have the same problem I originally had.

I solved the problem by installing the plugin called ‘adaptive images for wordpress’. Once activated, Go to settings > Adaptive images and then set a list of device widths you wish the image to be contained within.

I know for myslef my static slider image adjusted the way I wanted on mobile devices and with no gray area at all.

Hope it solves your problem ??

@layerthemes,

Actually my problem remains. Your suggested code didnt work and I changed your suggested code as shown in my previous post but all i have done is make the toggle menu appear on larger screen widths instead of the standard menu now.

Your suggested code allows me to change the min-width value to a smaller value with effect as the standard menu will appear on smaller devices instead of the toggle bar etc. But if I were to increase the min-width value, nothing will happen at all. It feels like there is some sort of restriction to the min-width.

Is there anything that can be done?

Thanks

@rhysstewart01 Adapative images for wordpress plugin fixes a width problem. My image is already adaptive to any width, but in some cases it leaves a gray area

Below