Streaming live at 10am (PST)

Image does not fill 100% of viewport on rotation change



I am having a little issue when switching from mobile portrait to landscape view. My project images are supposed to always fill 100% width of the view-port. However, when I switch from portrait to landscape this does not happen. Though funnily enough if I load the site in landscape then switch to portrait it works.

Any help would be appreciated.

Many Thanks


Here is my public share link:



Can anyone help?




Hey @scottalexwatson,

Can you enable your public share link please?



Hi Naweed,

Sorry I updated it.

Many Thanks


Hi @scottalexwatson, thanks for the read-only link. I took a look, and while the section that the images are in is set to 100%, the images are set to auto, so the image is not set to 100% width yet.

I would set the images width to 100% on tablet and lower viewport:

Without the 100% set:

After setting the 100% width to the image style, and republish:

To avoid having to apply the 100% styling to all the different image classes, perhaps create one image class with the styling and apply that class to all images.

I hope this helps.


Hi Dave,

That's great, many thanks for your help. All working now.

closed #7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.