I have a large fullscreen background image for my home page, but as you resize the browser window, the image does not maintain proportions and looks too wide or too thin. I want to have a responsive fullsreen image that adjusts horizontally as the window is resized, but not vertically. For example, see http://www.august.com.au
Is this possible? If so, how?
To be clear, I’m trying to make sure my background photo maintains its aspect ratio as the window is expanded and reduced. It’s okay if the bottom of the image gets cut off by the browser window as the image grows and shrinks. Again, I’m looking for how to do this: http://www.august.com.au
Hi Andy, thanks for the quick reply. I’m using version 3.0.2. I tried to find the relevant CSS but I can’t figure out what selector/class to look for. The website is http://www.bromtaylor.com. In the very early stages of being built (and I am NOT a pro) so it is currently “live” just long enough for you to take a look.
No problem, I see what you mean now – technically this would be a customization, since you seem familiar with CSS, I’ll try to give you a guide on where to change it, however if you would like me to change it’s behaviour for you, I’d need you to sign-up to the customziation forum.
Here is the CSS that affects that area in the DynamiX/style.css
Your best bet is to override this by using the Appearance > Theme Options > Customize > Custom CSS field
You must be logged in to reply to this topic.