Some Smuggy CSS help

ADWheeler

I am trying to get my Smugmug menu to look and act like my website menu. I have it pretty close with just the basic design. Can someone help me tweak it with some CSS?

Basically if you shrink your browser on my website, the menu slides over and under nicely. If you do the same on SmugMug though the text overwrites the logo...ugly! I would like smugmug to behave the way my site does, thus making it seamless for my readers and customers.

Here is my site: http://ADWheelerPhotography.com

Here is my SmugMug: http://ADWheeler.SmugMug.com

Thanks in advance!

denisegoldberg

This won't do exactly what you are asking but it may be worth a try - it at least stops the menu from sliding over the logo.

Have you set a container width on your logo? I have a container width set on mine and when the screen is resized the menu items go to two lines and then eventually to the (mobile) "Menu" below the logo.

The Collapse for mobile setting is at the bottom of the basic tab for my menu.
The container width is set in the dimensions of my logo.

--- Denise

ADWheeler

Yes, I have that set.

ADWheeler

Wait, how? I can set container width but only to a percentage. I am trying to figure out how to set it to a pixel size but on the customization menu there is no place to do that.

ADWheeler

It actually works better if those element.style { width: 25% } etc are turned off and you use your margins to set the spacing. I just don't know how to do it.

ADWheeler

Anyone?