And also slider is not responsive…
The slider uses the background-size: cover css property, what this does is it tries to enlarge the image as much as possible to fit in the entire background of the slide, so there is no direct way of making the image to be exact as the slide because the width of the slide depends on the user’s screen width
You can change the section padding by editing the Section settings, check the below article
http://pacethemes.com/knowledgebase/managing-sections/
Slider is responsive, not sure what is the issue you are seeing
I don’t know if I can post a code (moderate if needed) but this is the problem:
<section class="quest-row " style="background-attachment:fixed; padding-top:30px; padding-bottom:30px; border-top-width:0px; border-bottom-width:0px; border-top-color:#e5e5e5; border-bottom-color:#e5e5e5" id="pt_pb_section__2_1438471819">
This I cant change: padding-top:30px; padding-bottom:30px;
About slider.. I ad title and description and that text overlaps image when I visit website with mobile phone. See for yourself: http://www.optiwebstudio.rs
You cant see front page now…
After theme update there is no part of the page edited in page builder only header and footer??
I fix front page with save.php file and find how to fix padding. Thanks for quick response!
But please if you have time see the front page with some mobile device and look how the text overlaps images on slider.
I see the text overlap issue on mobile devices, i believe the best way is to decrease the font size for smaller devices using a CSS media query, please expect this in the next release (most probably tomorrow)
I have the same problem. If I set the height of the slider, than it looks fine but on mobile it will be cut off (they do recognize that, but I still don’t know how to solve that)…
Hello,
Sorry for the delayed response, i was not able to respond back as i was travelling and had limited internet access
Are you seeing this issue even after updating to the latest version ? Does the Image cutoff or the Text ? Can you post a screenshot as it will help us in a much better way to identify the issue
Still the same.. Can you help me eliminate slider under some screen resolution? I can add few lines of code to custom css.. It will be solution for me and it will speed-up website for mobile users.
Thanks in advance!
Below code will hide the slider if the screen size is maximum 768px, change it as per your needs
@media (max-width: 768px) {
.sl-slider-wrapper{
displany: none;
}
}
Thnx that helps to eliminate slider for mobile users.
Np, please rate the theme if you like it 🙂 it helps us bring you more features 🙂
