Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 2, 2017 at 11:06 pm #859425
    jonroot

    Hi guys

    I’ve browsed through several threads about this issue but none of the CSS worked for me. My Easy slider is tiny on mobile, and overshadowed by the blue box below it. Is there a way to make the slider larger on mobile screens? When I plugged in the CSS I found on other threads, it distorted the image.

    Question 2 – I used Enfold Medical as a base and copied the blue boxes with services provided. On mobile, these show up huge and stacked on one another. Is there a way to keep them side by side like on desktop?

    Domain is catherapeutics.com

    Thanks!
    Jon

    October 4, 2017 at 6:25 am #859922
    Rikard

    Hey jonroot,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home #av_section_1 .av-equal-height-column-flextable {
    margin-top: -130px !important;
}
}

    Best regards,
    Rikard

    October 4, 2017 at 3:44 pm #860178
    jonroot

    Thanks Rikard. That made it show a little better, but I’m still hoping for the slider to take up more space on the mobile screen. And for some spacing between the “book an appointment” button and the blue boxes below.

    Any ideas for my second question? A way to have the boxes grouped in a line like they are on desktop would be great.

    Thanks,
    Jon

    October 5, 2017 at 7:05 am #860458
    Rikard

    Hi Jon,

    Thanks for the feedback. Please try this as well:

    @media only screen and (max-width: 767px) {
.slideshow_align_caption {
    display: block !important;
    padding-top: 40px !important;
}
}

    Best regards,
    Rikard

    October 5, 2017 at 4:27 pm #860644
    jonroot

    Still not working Rikard……….please test it on your end and let me know if you are seeing what I am seeing.

    October 6, 2017 at 3:59 am #860808
    John Torvik

    Hi,

    Please, to have sure about the correct code, could you provide to us your WP credentials?

    Best regards,
    John Torvik

    October 6, 2017 at 5:15 pm #861088
    jonroot

    Hi John

    No problem. Included in the private content of this message.

    Jon

    October 10, 2017 at 6:29 am #862293
    Ismael

    Hi,

    It’s possible to add an element specifically for mobile view so you can replace the current slider with a “Fullscreen Slider”. Add another full screen slider above or below the current slider then use the same images. Go to the Screen Options panel to toggle the display property on different screen sizes or devices.

    Best regards,
    Ismael

    October 11, 2017 at 11:48 pm #863075
    jonroot

    Thanks guys – that will work.
    Jon

    October 12, 2017 at 7:23 am #863231
    Ismael

    Hi,

    Great! Let us know if you need anything else.

    Best regards,
    Ismael

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