menu fix on screen smaller than 1475px

FedericoMonetti

Hi everyone,
The menu in the header start to breaks in two lines when screens are smaller than 1475px.
Would be possible to fix this?
My website http://www.federicomonetti.com/
Thank You

Hikin' Mike

What do you want it to do when the screen size gets smaller?

Hikin' Mike

You can start by decreasing your logo and social containers from 33% to 25% and increase the menu container to 50%.

FedericoMonetti

Hi Mike,
Good question
Would be nice to keep the header as it is, I mean with the logo on the left, menu in the center, and social icon on the right. (The menu would be to small after?)
The collapsed menu start to appear at 736px, eventually would be possible to make it happen at 1474px?
Ok I'll start to decrease logo and social container!
Thank You

FedericoMonetti

@Hikin' Mike said:
You can start by decreasing your logo and social containers from 33% to 25% and increase the menu container to 50%.

Hi Mike I did resize the containers and now is much better!
There is a way to collapse the nav bar for mobile at a specific size/px?
Thank You!

Hikin' Mike

Unfortunately no. It's controlled by SmugMug using Javascript, in this case I believe they collapse at 736px and smaller.

FedericoMonetti

Ok, thank you very much for your help!