Secondary menu. How do I decrease the # of entires?

Hi! Can you post your site’s URL? Thanks!

The site isn’t live yet.
However, if you add the following line to “hosts” file (C:\WINDOWS\system32\drivers\etc)
143.95.39.52 relationshipchef.net
you can then enter the url https://relationshipchef.net/part1/ and see what’s happening.

My apologies, but I’m replacing the existing site with something completely new, and I don’t want to take down the existing site just yet, thus the “hosts” file issue.

Here’s the snapshot of the issue

https://relationshipchef.files.wordpress.com/2014/02/snapshot.jpg

Sorry, for some reason it didn’t link. ??

So you are wanting just a short navigation that is only as wide as the 4 buttons, not full width, correct?
Too bad I can’t get in to see the actual site. BUT, my first thought was to look in the CSS file & look for code for the navigation or menu that says width:100% ….and adjust that?

Thank you, BjScott. That certainly helped. Reduced the width value to 30%, and it looks the right size. (Although I was hoping to have the 4 cells be stretched across the entire width. But, this works. And that’s more important!)

After playing around with #position and #float values, and setting #position: relative; / left:350px; / float: left; #

I have the following
https://relationshipchef.files.wordpress.com/2014/02/new-snapshot.jpg

Not perfect, but functional and fairly decent looking! ??

Thanks so much for starting me off in the right direction!!!

Thank you, BjScott. That certainly helped. Reduced the width value to 30%, and it looks the right size. (Although I was hoping to have the 4 cells be stretched across the entire width. But, this works. And that’s more important!)

After playing around with #position and #float values, and setting #position: relative; / left:350px; / float: left; #

I have the following
https://relationshipchef.files.wordpress.com/2014/02/new-snapshot.jpg

Not perfect, but functional and fairly decent looking! ??

Thanks so much for starting me off in the right direction!!!

Thank you, BjScott. That certainly helped. Reduced the width value to 30%, and it looks the right size. (Although I was hoping to have the 4 cells be stretched across the entire width. But, this works. And that’s more important!)

After playing around with #position and #float values, and setting
#position: relative; / left:350px; / float: left; #

I have the following
https://relationshipchef.files.wordpress.com/2014/02/new-snapshot.jpg

Not perfect, but functional and fairly decent looking! ??

Thanks so much for starting me off in the right direction!!!

Aha! Well, you could get the 4 to stretch across by adjusting the left/right padding within each menu text. You might have to increase the text size as well in order to look better! Does that make sense? Play around with that and I think you’ll get the look you were going for!

Great website name!

Lol.
Triple post. That’s what I get for being impatient when I don’t see my post right away. ??