Hi,
My apologies, just when you think its safe to close a thread up pops something else.
Refer to this link here: https://kriesi.at/support/topic/column-overlap-on-layerslider-in-mobile-view-only/
We adjusted the columns so that they would not overlap the layer-slider when in mobile view. Perfect it is except that it doesn’t appear to be applying to all pages? I am so sorry but thought i had this checked out.
Any assistance greatly appreciated.
Cheers
John
Hey John,
You need to remove the .home from the code for it to affect other pages:
@media only screen and (max-width: 480px) {
.responsive #top#av_section_1 .flex_column_table {
margin-top: 0!important;
}}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria,
I removed the .home as suggested but it has brought back the column overlaying on the home screen?
I tried clearing the site cache and the device but no change.
Cheers John
Hi aussiedropbear,
Sorry, there is a missing space in the code above. Please try like this:
@media only screen and (max-width: 480px) {
.responsive #top #av_section_1 .flex_column_table {
margin-top: 0!important;
}}
If you need further assistance please let us know.
Best regards,
Victoria