So I am making progress on trying to make my 1200px wide design fit when viewed in tablet landscape. The hero and nav were / are the issues.
I managed to fix my nav by letting the logo shrink (thanks to VW) but also giving it a max which is important to me so it doesn’t get huge when stretching the window.
I might do the same with the hero tag line and bullet points by creating SVG versions of them - same thing using VW and setting a max - but the copy still overlaps with the bottles.
I’d love to be able to use VW + max for the hero section background image as well (the bottles), but the settings aren’t available, so I don’t know how to do it (see screengrab and link below).
Is there a trick (perhaps via some custom CSS?
Thank you for you help ad suggestions!!