
-
AuthorPosts
-
September 2, 2018 at 8:48 am #1004590
HI. I have an issue with the above statement.
I google it up but didn’t exactly found a solution to neither of the issues.
I tested with a samsung edge 7.
Thanks in advance.
September 2, 2018 at 4:22 pm #1004657Hey darkfashion,
I checked your site it apears the caption moves out side the slider area in small screen. Was there any custom code added to make any modification? If so please remove the custom code and get back to us so we can help you with the necessary CSS.
Best regards,
VinaySeptember 2, 2018 at 6:27 pm #1004680HI.
This is the custom code on the page
#fullwidthsection .container {
width: 100% !important;
padding:0px;
max-width: none !important;
}
.avia-section.av-minimum-height .container .content p{
margin:0px;
}#fullwidthpossl .container {
width: 100% !important;
padding:0px;
max-width: none !important;
}
.avia-section.av-minimum-height .container .content p{
margin:0px;
}.mfp-title {
display: none !important;
}.mfp-counter {
display: none !important;
}.avia-slideshow-inner {
height: 400px !important;
}#header .av-main-nav > li > a {
background-color: transparent !important;
}#avia-menu .avia-menu-text {
background-color: transparent !important;
}.slide-image {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}@media only screen and (max-width: 990px) {
.avia-slideshow-inner {
height:auto !important;
}
}September 3, 2018 at 5:46 am #1004768Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
VinaySeptember 3, 2018 at 6:51 am #1004788Thank you
September 3, 2018 at 11:20 am #1004858Hi darkfashion,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){ #full_slider_1, #full_slider_1 .av_slideshow_full.avia-slideshow, #full_slider_1 .avia-slideshow-inner, #full_slider_1 .avia-slideshow li, #full_slider_1 .avia-slideshow li img { min-height: 240px; } #full_slider_1 .avia-slideshow li img { width: 140% !important; max-width: auto; } .html_header_transparency #top .avia-builder-el-0 .slideshow_caption { padding-top: 0px; } }
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 3, 2018 at 11:50 am #1004892Wow! It definitely got better! Awesome! Is there any setting so the images are not get squeezed horizontally on mobile view? =)
September 3, 2018 at 4:44 pm #1005043Hi,
I have adjusted the image width in the code. A little bit of distortion is expected as we are increasing the height of the image please review the site :)
Best regards,
VinaySeptember 25, 2018 at 11:27 am #1014141Hi. the images is really off on the fullwidth easy slider.
Both on a desktop and on a mobile device.. can you please check this?
September 25, 2018 at 11:33 am #1014145this is the code I am using on custom field
@media only screen and (max-width:767px){
#full_slider_1,
#full_slider_1 .av_slideshow_full.avia-slideshow,
#full_slider_1 .avia-slideshow-inner,
#full_slider_1 .avia-slideshow li,
#full_slider_1 .avia-slideshow li img {
min-height: 240px;}
#full_slider_1 .avia-slideshow li img {
width: 140% !important;
max-width: auto;
}
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 0px;
}
}#full_slider_1 .avia-slideshow li img {
min-width: 200% !important;
width: 300% !important;
}
#top .avia-slideshow-button {
padding: 30px 30px !important;
}September 27, 2018 at 6:07 pm #1015416Hi darkfashion,
If this is not really working for you, you can hide this slider for mobile screen sizes and make another slider just for mobile.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.