Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 29, 2015 at 3:27 pm #558104
    avdenbroek

    Hi,

    I am having a problem with de banner on the homepage of my site. when I look at the site on mobile or on tablet a part of the text and the call to action buttons dissapear. Can you help me with this?

    With kind regards,
    Angela van den Broek

    December 29, 2015 at 4:33 pm #558138
    Yigit

    Hey Angela!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption .avia-caption-content * {
    font-size: 13px!important;
}}

    Regards,
    Yigit

    December 30, 2015 at 1:10 pm #558420
    avdenbroek

    Hi Yigit,

    Thanks for your repsonse.
    I’ve tried it, but it seems to be making no difference.
    Do you maybe have another solution?

    Regards,
    Angela

    December 30, 2015 at 1:16 pm #558421
    avdenbroek

    Hi,

    Don’t know if you need it, but you can log in to the test environment.

    Regards,
    Angela

    January 4, 2016 at 7:51 pm #559435
    Vinay

    Hey!

    I have added the custom css into
    Enfold Options > Website Styling > Quick CSS

    However the text seem to be a lot for a tablet device.

    One alternate solution would be to hide the text in tablet let me know If you wish to hide it.

    @media only screen and (max-width: 1200px) {
    .slideshow_caption {
        width: 80%;
    }
    .responsive #top .slideshow_caption .avia-caption-content * {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 480px) {
    .slideshow_caption {
        width: 100%;
    }
}

    Cheers!
    Vinay

    January 15, 2016 at 1:19 pm #566083
    avdenbroek

    Hi Vinay,

    Thank you for your response and sorry for my very late reaction.
    I do want the banner to be shown at tablet and phone.
    Maybe it is possibe to only show the first headline and the buttons?
    if not, then I will use the code you gave.

    Another quick question: if we update the server from PHP5 to PHP7 we get a few errors.
    Is Enfold PHP 7 compatible or are you maybe working on this?

    Regards,
    Angela

    January 15, 2016 at 5:57 pm #566252
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.avia-caption-content { display: none !important; }}

    Please make sure that you are using the latest version of Enfold which is currently 3.4.7 – http://kriesi.at/documentation/enfold/updating-your-theme-files/. We have not announced as “fully PHP7 compatible” just yet since we are still testing but you should not have any errors. If you, please let us know and we will look into it.

    Cheers!
    Yigit

    January 18, 2016 at 12:23 pm #567128
    avdenbroek

    Hi,

    Thank you very much!
    We will try again and if we need help I will open another topic.

    With kind regards,
    Angela

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Easy Slider not showing all text and C2A on mobile and tablet’ is closed to new replies.