Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #803795

    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.

    #803830

    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

    • This reply was modified 7 years, 5 months ago by Rikard.
    #803841

    Hi, unfortunately this still hides the call to action buttons.

    #803846

    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

    #803938

    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?

    #803940

    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

    #803946

    I tried that but it just looked a mess, as if it was trying to split the content down the middle.

    #803949

    Hi!

    Can you please post a screenshot and show how you would like to display it?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.