Streaming live at 10am (PST)

How to adjust element width


#1

I'm working off the free template, "Incredible". There is a left nav bar set to 329 pixels, and the remainder of the page width consists of a section set to auto.

I wanted to reduce the left nav bar to 288 pixels, and I expected the remainder of the page width to fill in the space, since it was set to auto. But it does not. It stays at the size it was originally.

What do I need to adjust to close the gap?

Thanks


Here is my public share link: LINK
(how to access public share link)


#2

Try to use percentages or even better use VH/VW. This way the site is supported on all monitors and it fills the space.


#3

The template was set up with the left portion of the page set to 329 pixels and the right portion set to auto. If I change the left portion to 288 pixels, how do I adjust the right portion to fill the space?


#4

Could you please share a Public Share Link, it would make things a lot less complicated. Thanks! :grinning:


#5

Yes; I am sorry for not including originally.

https://preview.webflow.com/preview/problem-demo?preview=cc70915695ad6b594905d09f996fc461


#6

I found the issue, in the Body section they have it padded the amount of pixels the Navbar is. Here is a screenshot of what to change.


#7

Does this help? Were you able to solve the problem?:grinning:


#8

Yes! You are wonderful. At first I was confused because there was no existing Body selector. So you created "Body (All Pages)" -- correct?

I did not realize padding or other modifications could be added to an element without first creating a selector. But evidently they can be!

Thank you so much !!


#9

Sure thing, :grinning: Be sure to mark the post as a solution so as to let the rest of the Webflow Forum Community know that we have found a solution. :yum:


#10

Have done as you suggested; again, thank you immensely.


#11

Glad to help. :yum::grinning:


#12

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