CSS Menu Issues? - Post ID 232994

User 2387231 Photo


Ambassador
122 posts

Website: http://tempusers.coffeecup.com/c28e89547a/

I have attempted to add a css menu to my site using CSS Menu Builder online. However, as you can see, it does not look right. How can I:
1) Make it on 1 row AND
2) fix spacing between submenus?

Thanks!
Christopher Wilder
User 2088758 Photo


Senior Advisor
3,086 posts

Hi there Christopher, to put them in one row you need to do a simple calculation. Number of buttons/100%.
Then select Menu>Menu Buttons>All Menu Buttons and put the percent you calculated in the Button width field.

For fixing the spacing between the submenus you need to go to Menu>Submenus>All Buttons and lower the padding in the Top and Bottom boxes.

Hope this helps.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2387231 Photo


Ambassador
122 posts

I'm not using a Coffeecup menu builder. I'm using this: http://cssmenumaker.com/

I need to know where to look for the adjustment to make in the CSS code.
Christopher Wilder
User 2088758 Photo


Senior Advisor
3,086 posts

That can get quite complicated. My question is how knowledgeable are you when it comes to modifying css? Which CC program are you using to create your website?
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 38401 Photo


Senior Advisor
10,951 posts

This would actually be a question you should be asking the folks at CSS Menu Maker as it would be their code you would be editing rather than a CC code. :)
User 187934 Photo


Senior Advisor
20,188 posts

I would fix these issues first.
http://validator.w3.org/check?uri=http% … mp;group=0
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

It seems you're using a responsive menu on a non-responsive site.
It would be better to find a static menu so it will stay the same size/width within the website no matter what the screen size is.
Also, I don't see a closing tag for <nav>, <body> or <html>. Check out Eric's link for more info.
--------------------
Off topic, but the chapters listed aren't very helpful for viewers, they need a title or subject, as well as a notice that these open in a PDF. ;)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.