Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 21, 2016 at 8:05 pm #601478
    Şanlı

    Hi, I am using de Easy Slider option in my frontpage. I set the size on Featured 1500×430. Everything is ok on desktop, but on mobile and ipad screens is the text and buttons not fit on screen. How can I fix this? Can you help me?

    thanks!!

    • This topic was modified 8 years, 9 months ago by Şanlı.
    March 22, 2016 at 8:13 am #601735
    Rikard

    Hey Şanlı,

    I couldn’t see a slider on the page you linked to, could you link directly to the page where you are having problems please?

    Regards,
    Rikard

    March 22, 2016 at 7:59 pm #602089
    Şanlı

    Hey Rikard,

    Sorry my fault I had an other issue and I copied de link from there and paste it in here. The slider is on the frontpage, at this moment you will see one image of keys who is displayed in the slider. The right adress you will find below.

    • This reply was modified 8 years, 9 months ago by Şanlı.
    March 22, 2016 at 10:58 pm #602215
    Yigit

    Merhabalar!

    Please firstly go to Enfold theme options > Header > Mobile Menu and choose to display mobile menu on tablets – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2015/09/Screen-Shot-2015-09-28-at-16.00.59-997×1030.png
    then please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 769px) {
.slideshow_caption {
    width: 70%;
}}
@media only screen and (max-width: 480px) {
.avia-caption-content p {
    margin: 0;
}
h2.avia-caption-title {
    margin-top: 0;
    margin: 0;
}
.avia-multi-slideshow-button.avia-slideshow-button { 
display: none;
}}

    This should fix the issue but buttons will be removed on mobile portrait mode, simply because there is not enough space :/

    Best regards,
    Yigit

    March 23, 2016 at 7:39 am #602362
    Şanlı

    Hi Yigit,

    Awsome! This brought me on idea’s, I’ve made the slider size bigger and the font-size smaller, the buttons and text fit on screen now.

    Thank your very much.

    Regards,

    Şanlı

    March 23, 2016 at 7:41 am #602363
    Şanlı

    Is it possible to wrap the text in the slider, if that is so than can I make the font-size bigger.

    March 23, 2016 at 8:21 am #602374
    Basilis

    Hi!

    The class that controls the text for u, is the following:

    .avia-caption-content p {
    margin: 0;
    }

    here you can do any change you want to the text.
    Let us know if you need anything else

    Regards,
    Basilis

    July 18, 2016 at 2:55 pm #662016
    EverydayAlternative

    Hi!

    I’m having the same problem as Şanlı was experiencing when this thread was first opened. I have and easy slider on my home page that looks great on the Desktop view. But in the tablet and mobile view, the text is to big and not positioned correctly, even with the mobile menu set to the smartphone and tablet option. I’m using buttons in the easy slider as well and as you mentioned earlier, these wont display on mobiles anyway.

    So, I’m wondering if it is possible to display a different image completely on the tablet and mobile view? This way I can just recreate the each slide as a single image (image and text) that the user can click on rather than use a button.

    Sorry if this makes no sense… I know what I mean :)

    Kind regards

    Nicole

    July 19, 2016 at 11:30 am #662409
    Rikard

    Hi Nicole,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    July 19, 2016 at 12:55 pm #662445
    EverydayAlternative

    Hey Rikard!

    Sure, the site is in development at the moment so I’ve created you a WP account. You will have to excuse the mess! I’m very much a novice and am slowly muddling through…

    Thanks!

    Nicole

    July 22, 2016 at 4:48 am #663668
    Ismael

    Hi,

    So, I’m wondering if it is possible to display a different image completely on the tablet and mobile view? This way I can just recreate the each slide as a single image (image and text) that the user can click on rather than use a button.

    Yes, this is possible. Add another slider or image in the page then toggle their display property with css media queries. Please refer to this link for more info: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

    July 22, 2016 at 6:41 am #663708
    EverydayAlternative

    Hey Ismael

    That is exactly what I’m looking for and works perfectly! You guys are amazing and your theme is awesome!

    Thanks heaps!

    Kind regards

    Nicole

    July 22, 2016 at 8:52 am #663720
    Vinay

    Hi,

    Glad we could help! We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Text and buttons in Easy Slider do not fit on screen in mobile version’ is closed to new replies.