the banner made with fullwidth easy slider is not coming out right on mobile
it’s cut off so half the words can’t be viewed and the button cannot be viewed
provided screenshots of desktop and mobile to see what is going on
this is my first inquiry of this problem
Hey ShopFloorAutomations,
Please provide a link to the site so we can look into this further.
Best regards,
Jordan Shannon
Hi,
Thanks for that. First off, could you try updating the theme to the latest version (4.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Rikard
we updated and it did not fix the problem, sadly. need more input.
Hi,
Is there any empty color section above the slider? You can do either of the following steps to fix the issue.
1.) You can add another slider for mobile view. Use the full screen slider then adjust both sliders’ Screen Options to toggle their visibility.
2.) Decrease the font size of the title and caption and increase the height of the slider. This will slightly distort the images.
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 13px !important;
}
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 11px !important;
line-height: 12px;
}
.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 60vh !important;
}
}
Option number 1 is much more advisable.
Best regards,
Ismael