Tagged: issue, mobile, tab section
Hi there,
I have an urgent issue to solve. My tab section with images looks perfectly on desktop but in mobile, one of the images show under the main line.
Within the CSS cutomization in enfold admin panel I´ve incluede this code to downsize my images.
.av-tab-section-image { width: 45px !important; margin: 0 auto;}
I deleted it but the problem still there!
Please help! Thanks indeed
Hey Jaime,
So the code above you tried did not solve your issue? I’m not seeing the images being cut off on mobile.
Best regards,
Jordan Shannon
It does not solve the 2 lines problem. This is how it looks on mobile.
Hi,
I checked the page you posted using my android phone and I can’t see the issue, is this already fixed? if not are you using iphone?
Best regards,
Nikko
Hi Nikko thanks for your quick answer. You are rigth. Just happen in Safari browser on Iphones. How can I solve this?
Hi,
You can perhaps try to use device detection and call css from there if you have a bit of JavaScript and PHP know-how:
Best regards,
Jordan Shannon
Sorry I do not have that knowledge. It is weird that enfold template is not responsive and works perfectly for ios. Please help. What would you recommend?
Best, Jaime.
Hi,
It works for mobile, but what you need does go a step forward so it requires different things, that is why it does require to do those changes based on what Jordan says.
Best regards,
Basilis