Archived topic
about the container's width
7 replies · Started by bruce on October 26, 2022
hello
please see this url:https://sp.jianzhanbang.tech/about/
on my notebook ,the page is ok.
but on my another 27 inches displayer has something wrong about it,please see the pic:
the banner pic's right part is wrong.
how to fix it?
thanks.
Hi Bruce,
Were you supposed to add a screenshot? I don't think it attached. Can you share the screenshot again for reference?
Can you also share a screenshot/sketch of how it should look.
pic is here https://prnt.sc/oo6c5hSn_6Gh
I see the image size isn't enough to fill the entire screen on wider views. What do you want it to look like on wider views? Are you looking for something where the color extends on the right side? For instance: https://share.getcloudapp.com/Qwudzd5l
If so, just add a Background color to the Container Block.
Otherwise, may we know how you want it to look like?
ok.
this is the best way about the bug on wider views ?
thanks.
Hi there,
Option A - force the image to be 100% width to fill the full screen.
1. select the Image Block
2. in the Settings > Width, set the Units to % and set the value to 100%
Option B - keep the image Contained.
1. select the Container Block
2. set the Inner Width to Contained and set its width to match your Customizer > Layout > Container > Width.
thanks.
You're welcome
