-
Posts
-
Hi
I have made a colour section have 100% width using:
* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}That works fine but I want the content on the left to always be aligned with the logo at the top. If I give the column on the left a layout padding it stays constant whatever screen size but the logo margin on the left changes relative to the screen size. How do I get the content left margin to work in the same way as the logo left margin?
many thanks
Peter
Hey envapk2,
Please provide a link to the site/page in question so we can look into this further.
Best regards,
Jordan ShannonHi Jordan
I’ve put an example in the link below.
This page has a colour section with the wider 100% code applied. and there are two columns, the left column with the text has a left padding of 50px applied, which aligns with the logo when the screen size is not too large but on a larger screen the logo left margin increase but the column margin stays the same. I’d like the left column margin/paddign to change in the same way as the logo.
many thanks
Peter
Hi Peter,
You can set the padding in % or vw like 10vw (view width) and the padding will be dynamic, you just need to experiment to work out the value that works for you.
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.