Hello Athemes team. Really enjoying your work on Sydney and I love the theme, but I have run into a problem that I need your help with. I have created a Sydney front page template website using the full screen slider option with a sticky menu. Reference: My Website
I have seen several threads on this same issue but have not been able to find a CSS Code fix that works for my website in any of the previous threads. The issue is regarding the mobile/tablet view of the background image. It appears to be zoomed in instead of using the whole image or it’s not properly re-sizing itself for the different screen sizes or views. (Landscape vs. Portrait)
The image looks good in the mobile or tablet live editor preview but looks nothing like the preview when you actually bring up the website on a phone or tablet. (Samsung S8, i6 or iPad) Also, the background image looks good live using a desktop or laptop, so it’s just a tablet and mobile phone issue (tablet isn’t quite as bad as a phone). The header slider images also function perfectly so it’s just a mobile/tablet background image issue.
I realize that the image is only seen in the bottom portion of my ‘Home’ page and the entire ‘About’ or ‘Contact’ pages, but I still would like for the mobile view to look and function as close as possible to the desktop version. (Background Image Size Used: 1920 by 1281)
Any help would be appreciated.