Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 3, 2014 at 4:27 am #329433
    ShortieD

    Hey guys – please see my site on mbile – here is a screenshot http://awesomescreenshot.com/0893legjb7.

    The easy slider doesn’t look good on mobile – it’s hiding the text and the CTA button. How can I amend this?

    Here is my site

    http://shortiedesigns.com/

    Cheers

    October 4, 2014 at 2:08 am #330008
    Ismael

    Hi ShortieD!

    Thank you for using Enfold.

    Please add this on Quick CSS or custom.css to change the size of the caption title:

    @media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {
font-size: 12px;
line-height: 18px;
}

#top .avia-slideshow-button {
font-size: 12px;
margin-top: 5px;
padding: 6px 8px !important;
}
}

    You can also hide it on mobile device, apply the display: none property.

    Regards,
    Ismael

    October 29, 2014 at 2:29 am #342522
    ShortieD

    Hey guys – I added this code to my child theme stylesheet but it didn’t work. Can you please review?
    Cheers

    October 30, 2014 at 8:46 pm #343662
    Andy

    Hi!

    the code should work. Could you please give us admin access to have a look into your site? post it here as a private reply.

    Cheers!
    Andy

    November 2, 2014 at 10:30 pm #345003
    ShortieD
    This reply has been marked as private.
    November 3, 2014 at 10:56 pm #345591
    Andy

    Hi!

    your current Enfold version is 2.9.2. Please update to the new version 3.0.2.

    Regards,
    Andy

    November 20, 2014 at 2:24 am #354091
    ShortieD

    Hey guys – I’ve updated to the latest theme and this still hasn’t been resolved.

    I just need the button to show on iphone portrait (shows fine on landscape). it looks like its not pulling the styles you have through?

    Can you please check?
    Cheers

    November 20, 2014 at 11:56 am #354223
    Ismael

    Hey!

    You should probably replace the fullwidth slider with the full screen slider when viewing on mobile device. Please refer to these links how:

    https://kriesi.at/support/topic/replace-slider-on-mobile/
    https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

    The example on the link is using the layer slider but you can do it with the full screens slider.

    Regards,
    Ismael

    July 25, 2015 at 8:06 pm #478681
    Sandy

    Thank you. Ismael’s code worked perfectly for me.

    July 27, 2015 at 8:08 am #478926
    Rikard

    Hey!

    Great, glad we could help :-)

    Regards,
    Rikard

    October 2, 2015 at 12:14 pm #512709
    hansmeiser

    Hi,

    this didn’t work for me.
    I am using the easy slider, not the full-width easy slider.

    Can you advise me on this? Thanks!

    Link in private box!

    Hans

    October 3, 2015 at 9:48 pm #513222
    Andy

    Hi!

    which changes exactly do you wish? I suggest to make font size smaller: 

    @media only screen and (max-width: 767px) {
h2.avia-caption-title {
font-size: 13px;
}}

    Best regards,
    Andy

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