CC Template with Menu Builder

User 458539 Photo


Registered User
1,584 posts

Hello Forum,

I used one of the templates from the pack - created a menu with menu builder and having a few problems.

http://tippingproductions.com/tpc/demosite10/index.html

I haven't finished the responsive part but when you take the screen size down the menu does odd things - at the first break point half the menu doesn't show - then when it goes down to the mobile menu when you expand it it looks like it goes behind the rows. When it goes to the mobile size a black stripe appears.

Thanks in advance

Byron
User 187934 Photo


Senior Advisor
20,188 posts

The menus letters being cutoff appears to be this. bootstrap2.min.css
.nav-collapse, .nav-collapse.collapse {
height: 0;
overflow: hidden;
}


And the black line above appears to be in the wireframe-theme.min.css
.container, .container-fluid, .form-container, .subgrid {
margin: 0 0 7px;
min-width: 10px;
}
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 458539 Photo


Registered User
1,584 posts

is that from the template?

is this in the main css file?

Thanks

Byron
User 458539 Photo


Registered User
1,584 posts

I changed it to that and no change - - what would you suggest I change it to

Thanks

Byron
User 187934 Photo


Senior Advisor
20,188 posts

I guess you could go back to the layout and look at the container for the menu and see if you see some styling that might cause it otherwise you could edit the css or place a custom.css file on your site to override the issue.
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 458539 Photo


Registered User
1,584 posts

Sorry Eric,

One at a time - I changed the first one in bootstrap and no change in the page

I changed to what you have posted

Byron
User 187934 Photo


Senior Advisor
20,188 posts

What I posted was what was there already. I only posted that so you knew what lines to mess with.
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 458539 Photo


Registered User
1,584 posts

Any thoughts as to why the mobile menu is under the page elements. This template from CC seems to be different fromt he others. I would hate to have to trash this and start over but I'm completely stumped. Have redone the menu in Builder and can't seem to get this respond

Byron
User 458539 Photo


Registered User
1,584 posts

Okay sorry - I have been changing it so much I guess I thought that was what it was supposed to be changed to

User 187934 Photo


Senior Advisor
20,188 posts

What I do when altering css is to comment out the original code and add more if needed. This makes it easy to find and undo changes if their wrong.

.nav-collapse, .nav-collapse.collapse {
/********height: 0;*******/
/*******overflow: hidden;*******/
}
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.