Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 27, 2016 at 3:37 pm #623156
    Almo

    We want to edit our hole site, like the enfold demo “construciton”.
    On the FrontPage, there is a full width slider with some Pictures.
    There is a Option named “caption”, where you can insert a text, button etc.
    It s easy to understand.
    My question is: Why is the text not responsive ? I mean, when i test it on
    a iphone 5 for example, the Picture adapt to the Screen but the text and the Buttons stays big.
    Is there a Chance to make it responsive to like with the Layerslider?

    Hi. Wir sind gerade dabei unsere Seite etwas umzugestalten. Ähnlich wie eure Demo “Construction”.
    Auf der Hauptseite ist ein Slider vorhanden mit Texten und Buttons. Am normalen Monitor sieht es super aus.
    Sobald man aber z. B. mit einem Iphone 5 es betrachtet, passt sich lediglich der Slider an. Der Text und der Button bleibt groß und teilweise nicht sichtbar. Kann man das wie beim Layerslider auch automatisch anpassen lassen?

    Viele Grüße

    April 30, 2016 at 8:21 am #624893
    Ismael

    Hey Prosafe-Folien,

    Thank you for using Enfold.

    The text or captions should be responsive. Please provide a link to the page so that we can adjust the font size if needed. Use this to adjust the font size on mobile screens:

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

.avia-caption-content {
    font-size: 11px;
}
}

    Best regards,
    Ismael

    May 10, 2016 at 3:30 pm #629982
    Almo

    Dear Ismael,

    thanks for your reply. It isn’t Online yet. First I would like to make it offline. If it is ready, we will immediately Change it with our current Version.

    When i open the construction demo on an iphone 5 or at mobiletest.me, the text gets responsive and resize. But the Buttons stay to big, so that you cannot see the Buttons. How can i solve it?

    Go to mobiletest.me and choose Iphone 5 and test the construction demo: http://kriesi.at/themes/enfold-construction/
    There you will see and understand what i mean.

    Best regards

    May 12, 2016 at 6:00 am #631136
    Ismael

    Hi,

    I see. Please use this to adjust the size of the buttons on mobile view:

    @media only screen and (max-width: 767px) {
#top .avia-slideshow-button {
    padding: 5px 8px;
    font-size: 11px !important;
}
}

    Best regards,
    Ismael

    May 12, 2016 at 9:19 am #631229
    Almo

    Thx for your reply. The Buttons doesn’t get smaller. They stay still big and do not resize. The only Thing that Change, is the fontsize.
    It would be great,if we can resolve it.

    Best regards.

    May 14, 2016 at 9:03 am #632301
    Ismael

    Hi,

    Are you sure? It works on the demo but maybe you’re using different buttons. Please post the website link here so that we check it.

    Best regards,
    Ismael

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