Home › Forums › Jevelin Theme › IconBox Slider style and responsiveness
Home › Forums › Jevelin Theme › IconBox Slider style and responsiveness
Hi,
We are using an icon box slider and this is not appearing cleaning on the mobile view. There is lot of empty space as in the image attached.
Also the about us section is not getting the side spacing as in the desktop version. Kindly advise.
Here comes the image
Hi @orbitcyber,
I hope you are well today and thank you for your question.
Please make sure that you are using the below latest version of the theme.
Please login to access this file
Also, please clear and temporarily disable the CDN cache that you are using on your site so that I can troubleshoot it.
Best regards,
Shufflehound team
Hi,
The latest theme update has been done. There is no CDN configured, but the opcache was enabled in php.ini. This is also set to 0 now.
http://54.188.25.235/#offering
Accessing this in different browsers, gives different results and the iconbox slider does not get aligned suitably on the desktop as well as the mobiles.
I can see still the CSS files such as below on your website are cached and minimized so please disable it.
http://54.188.25.235/wp-content/themes/jevelin/A.style.css,qver=5.2.2.pagespeed.cf.epLyVsHoqY.css
Solution for this topic
Could you please check now. The page speed has also been disabled.
Hi,
Have you been able to review this yet? Were there any issues ?
Solution for this topic
We are using an icon box slider and this is not appearing cleaning on the mobile view. There is lot of empty space as in the image attached.
I can see the Icon box slider is displaying fine without any empty space as shown in the attached screenshot.
Please test it clearing your browser cache.
Also the about us section is not getting the side spacing as in the desktop version. Kindly advise.
It seems happening because you have removed the padding of the About Us section row on mobile causing the issue.
To resolve the issue, either remove that padding or add the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#content div#aboutus { padding-top: 110px !important; padding-right: 20px !important; padding-bottom: 20px !important; padding-left: 30px !important; }
Thank you this works now.
You are most welcome here 🙂