Tagged: easy slider
Hello Team,
The Frontpage has an Easy Slider which is set to No Scaling (Original Width X Original Height).
Unfortunately, the slideshow is taking a small proportion of the screen in mobile devices.
The code is showing:
@media only screen and (max width: 767px)
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
What changes do I need to make in style.css in order to increase this percentage to 95% or 100% please?
Thanks,
ofekw
Hey ofekw,
Can you enable source view/right-click so I can inspect the code?
Best regards,
Jordan Shannon
Hello Jordan,
Thanks for the prompt reply, source code is now available via right-click.
Regards,
ofekw
Hi,
Thanks. Add this to quick css:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%!important;
max-width: 100%!important;
}}
Best regards,
Jordan Shannon
Hi Jordan,
Thanks for your service.
This code works only if under Enfold Child> Performance> CSS file merging and compression> I select ‘Disable‘.
I am concerned about speed. Is there another code that could work without disabling this option?
Thanks!
ofekw
Hi ofekw,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria
Hi Victoria,
Thanks for following up.
Please find admin Credentials below.
Thanks,
ofekw
Hi ofekw,
Thank you, I just wanted to see if there are any errors in your Quick css.
If the theme’s merging css does not work for you, you can minify the files with your caching plugin so that would not really be the speed issue.
Best regards,
Victoria