Hello Novice Ray here again with a navigation question:

Before I get to far a head of myself in redoing our site, I have 5 pages done so far and they according to Google are "Mobile Friendly" never thought I would see that!!

I have been practicing the past few hours with RSD - The Design Pane-- that I printed, besides learning from all that have helped me ( thank you all!) the info that I printed really helped me understand more what Class - Style etc actually do.

I am working on a nav menu and followed directions to be used "inline-block" I added a new row, added the container and then gave it a class name of "nav-link" and made the display "inline-block" and then duplicated to make "5 text-links", all so far is good. I even was able to use the hover, and add a shadow and was pleased with the results.

Now the question: When I use the slider to make responsive the text links once it get down to 703 px the link on the right (the 5th one) is cut in half with the other half on the next line and when you finally get down to 350 px the 3rd one is cut in half and the other half is now under it with the last 2 next to it BUT overlapping the ones above it. Any simple ideas what I am missing to do? I really like the way they will look once I get them to actually be responsive.

If I did not explain myself right let me know.

Ray ( Still a Novice but learning)

Your probably looking to use float right or left depending on your menu needs.

Thanks Eric, I tried that a few times and was getting ready to bang my head on the desk (again) I am giving it break now and walk away and will try again tomorrow. I saved what I did as Test so I can open and start again.

Maybe I should add one more text link to make it six or delete one the make it four???

Ray

Have you published your page so we can see it?

This novice had similar difficulties until I ensured each individual text link was set as an inline-block and had the wrapping setting put to No Wrap.

Frank

Eric, I added the test page to the S-drive remenber this is a WORK in progress and will take me a long time to complete ( if I can). The home link or main page I know has to redone for smart phones and will work on it as I go along.

The buttons I have added are what I am hoping to put on all pages BUT would like to add at least 5 to six if possible.
I do have the Menu Builder program but at this point being a complete novice I feel that I cannot do it right. All I want to do at this point is try and get most of the pages Mobile Friendly for the end of year holiays ie: Halloween to Christmas Season.

Any pointers for add the text links so they will go across or down will be most appreciated!
Page is at: http://kscandyfavors.coffeecup.com/shipping2.html

Thanks I really appreciate you sharing your knowledge to help us!

Ray ( still a novice)

Frank, Thanks for the info, I did check and I spent some time adding to "No Wrap" in place of Normal, but then got frustrated and started to work on another sample I worked on earlier - link to what the test page looks like is in above reply to Eric.

Ray -

So what's the problem with this page.
http://kscandyfavors.coffeecup.com/shipping2.html
The three nav buttons seem to respond pretty good.

Why not use an unordered list (<ul>) with each button as a list item (<li>). This is a standard way to create a menu.
You can style the list itself and then apply styles for the list items too.
If your <ul> is 100% wide and you want 6 buttons (<li>) – make them 0.16666666667% (1/6) and tweak for paddings/margins.
For a smaller screen you might want to switch your buttons to 0.33% (2 rows of 3) and then go to one column at phone size: the buttons switch to 100%.

If you take CC's Menu Builder for a free trial, you can easily do this, plus create a proper mobile menu.

Paintbrush, Thank you also for responding! I am going to take the info you so kindly gave and will see what happens, I do have the Full version of Menu Builder and I know that is really the way to go as far setting it up.
The problem is if I was able to make the actual menu ( don't know at this[point if I can) you cannot view it in RSD to see how it looks am that right? ? You have to upload in a mb folder and get to see it when it is actually live correct? Well back to the drawing board.

Ray