When looking at my site on a cellphone or tablet, there are several problems in the display of the homepage. There is a large amount of white space underneath the main image slider on both devices, the caption that displays on top of the main slider image is completely gone on a cellphone and only half displays on a tablet. Also, the arrows on the side of the main slider image are pushed completely down.
My site is stjosephschoolfreeburg.org
Any help that you can provide is greatly appreciated! Thank you!
While we have inspected your website it is seen that the Custom CSS that you have inserted for the desktop views are overriding the theme’s default responsive CSS and hence causing the issue.
It is always recommended to insert the Custom CSS with media queries targeting specific resolution / devices while using the Custom CSS codes for the website.
As there are many CSS conflicts in the theme currently in the theme targeted for the desktop views with the responsive CSS, we would like to request you to remove all the Custom CSS targeted to the slider and sidebaryou have used in the site currently and post your requirements in the desktop view so that we could provide you with appropriate CSS for devices.