The only thing, what I want is, to display a square image on a mobile resolution. I´ve implemented a MetaSlider. But on a mobile resolution it doesn´t look good (it is very slim and barely readeable).
I don´t know much about CSS styling, but I would like to put somewhere some condition, which would say:
– if the page is loaded on a resolution wider than 768 pixels, it displays regular Meta Slider [metaslider id=”306″],
– but when the resolution is below 768 pixels, it would load a different slider (I haven´t created it yet, but it would have just different ID).
I don´t know how to write such a code (as I don´t know CSS) and where should I place it? Should I place it in a “hook”, which I have already created for the current Meta Slider?