When my site is displayed on mobile devices, the call to action buttons are hidden. How can I rectify this, or is it possible to deactivate the slideshow for mobile devices? Also, on the services page the images don’t appear to be displaying correctly when viewed on mobile, it looks quite messy.
Hey crg1,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 990px) {
.slideshow_caption {
width: 100% !important;
}
.flex_column_table {
margin-top: -138px !important;
}
}
Best regards,
Rikard
Hi, unfortunately this still hides the call to action buttons.
Hi,
Can you please try using following code instead
@media only screen and (max-width: 768px) {
.responsive #top .flex_column_table {
margin-top: 0!important;
}}
Best regards,
Yigit
Almost, I am going to have to cut the sub-headings back a little on a couple of the slides – hopefully then it should be ok.
Is there any way we can get the services page to display better?
Hi!
You can edit your Grid Row element on Services page and choose to display cells on mobile just like they are on desktop :)
Best regards,
Yigit
I tried that but it just looked a mess, as if it was trying to split the content down the middle.