Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 15, 2016 at 7:46 am #672547
    HeadStudiosWeb

    Hi,

    Website URL: http://thepoolgurus.com.au/newsite/

    The slider on mobile does not display all the caption content and CTA buttons as per the screenshot below:

    http://prntscr.com/c5u6z0

    What I would like to do preferably is to have the slider height stay the same no matter what device it’s used on.. at the very least I need to set a minimum height for the slider as it gets smaller through the resolutions so that it never gets smaller than 400px for example, this is a good size for the slider – as you can see everything fits inside it – however this is only when viewed on desktop and it gets smaller as it re-adjusts for mobile:

    http://prntscr.com/c5u7h9

    Any input would be much appreciated.

    Also can you tell me how I can display a ‘Call Now’ button but only when the website is viewed on mobile? (I can arrange the button image and the link – just need to know how I can display it only when it’s viewed on mobile)

    Thanks

    August 15, 2016 at 7:55 am #672554
    HeadStudiosWeb

    Also I am attaching my WP login details in the private content section

    August 17, 2016 at 6:14 am #673513
    Ismael

    Hi,

    Thank you for using Enfold.

    Looks like you managed to accomplish what you need with the following css code:

    .avia-slideshow-inner, .avia-slideshow-inner img {
    height: 400px !important;
}

.avia-slideshow-inner img {
    min-width: 1000px !important;
}

    Another workaround is to add another slider specifically created for mobile. Toggle the sliders’ display property on mobile and desktop. More info here. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

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