Add Page Tab, Responsive - Post ID...

User 2387231 Photo


Ambassador
122 posts

I have my test site at: http://tempusers.coffeecup.com/a8b590e56d

When resizing the page to small or viewing on a phone,my second "contact tab/button" at the top goes to the second row. How can I fix this? Maybe could I have it put like a menu button on the top right and have it pull down? Like viewing coffeecup.com on a phone? Thx!
Christopher Wilder
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Christopher,

What program are you asking for assistance with?
User 2387231 Photo


Ambassador
122 posts

HTML Editor
Christopher Wilder
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Why do you have two contact links?
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 2387231 Photo


Ambassador
122 posts

I just put it there for now to make sure I could add another tab there but obviously I can't...
Christopher Wilder
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Ok You'll have to mess with the responsive css where it breaks to shrink the menu or stack it instead of side by side.:) Or you could wait for the new responsive menu builder.;)
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 2387231 Photo


Ambassador
122 posts

Okay, Where would I look for the responsive css? When is the menu builder coming out?
Christopher Wilder
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

These are the two areas that change your form at different screen widths. Look below each of these for your nav ul and li. Make a copy of your css before you make any changes.
@media screen and (max-width: 768px) {
@media screen and (max-width: 480px) {
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

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.