How to change sidebar width for Travelify theme?

Travelify
1

I’d like to change the size of the secondary menu and then increase the size of the main portion of the page. I figured out how to change the secondary here

#secondary {
width: 240px;
}

But then I have disproportionate whitespace from the size change and the main portion of the website stays the same. Does that make sense?

How can I change the size of the secondary (smaller) and increase the size of the rest?

2

You have created fixed width for #secondary which means that it is no longer responsive. You should use max-width or width in percentages like It is in clean Travelify theme.

If you are changing width (in percentage) for #secondary, then you should change width for #primary as well.

See default style.css for example and change width accordingly.