Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 16, 2015 at 11:16 am #519789
    ftt123

    Hello, I have a Fullwidth Easy Slider on my homesite, but its height does not appear properly on mobiles, which means the text is cut (there is a text line but you can’t see the button below) and the background image height is too close to the text.
    Is ther any solution?
    thanks in advanced!

    October 16, 2015 at 12:40 pm #519853
    Yigit

    Hey ftt123!

    You can refer to this thread – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display a different element on mobile

    Cheers!
    Yigit

    October 16, 2015 at 12:45 pm #519863
    ftt123

    opps! too much for me…could you please help me?

    October 16, 2015 at 12:52 pm #519869
    Yigit

    Hey!

    Sure :)
    Please edit your page, add the element you would like to display on mobile below your fullwidth easy slider and then create a temporary admin login and post it here privately. Please point out the elements so we can make sure to switch correct ones :)

    Best regards,
    Yigit

    October 16, 2015 at 1:48 pm #519948
    ftt123

    thanks! I am sending you below all the details. if you need anything else, do not hesitate to ask.
    the item to be fixed is the fullwidth easy slider in the page of the url below.
    thanks again!

    October 16, 2015 at 2:10 pm #519976
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.slideshow_caption { padding: 20px; }}
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
    font-size: 14px !important;
}}

    Best regards,
    Yigit

    October 16, 2015 at 2:26 pm #519999
    ftt123

    I am afraid it does not work, the problem remains the same…

    October 16, 2015 at 2:28 pm #520001
    ftt123

    you can see in the image below how the web is seen on mobile

    October 20, 2015 at 7:30 am #521415
    Ismael

    Hi!

    Try to increase the slider height with this:

    @media only screen and (max-width: 768px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
    height: 300px !important;
}
}

    This will distort the image a little so if you want to fix the distortion, add this inside the media query:

    .av_slideshow_full li img {
    width: 150% !important;
    max-width: 150% !important;
    margin-left: -25%;
}

    Remove browser cache or history before checking the page.

    Regards,
    Ismael

    October 20, 2015 at 5:11 pm #521849
    ftt123

    thanks a lot!!

    October 21, 2015 at 6:43 am #522136
    Ismael

    Hi!

    No problem. Glad we could help. If you have any questions, let us know. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Fullwidth Easy Slider on mobile’ is closed to new replies.