Pages getting posted "under" the menu

Its a custom menu widget…

how do I apply the styling in the stylesheet?

I just edited your stylesheet style.css in firebug and added this line to the very end

#nav_menu-5 .widget-foot { clear: left; }

It worked as intended.

Copy and paste the line from this post into your stylesheet so you get no errors in typing it in.

Still no luck, what did I do wrong?

https://i53.tinypic.com/wmc9dd.jpg

I added it into the

style-default.css instead if the style.css and that made it work.

Thank you So much for your patience! =)

glad to hear it.

its possible you just needed to refresh your screen a few times. Its working consistently here. Sometimes the browser doesn’t pick the CSS change up the first time.

So. I thought hey, lets try a new custom menu but this time on the left side ar and see if that if that works and apparently not. So I have to ask for help everytime I add a new custom bar? =(

they seem to be talking about something that might fix it permanently here?

https://blogs.sitepoint.com/simple-clearing-of-floats/

or am I misstaken?

or can I add this everytime

#nav_menu-5 .widget-foot { clear: left; }

but change the menu number? and is it easy to know each menus menu number?

maby the most recent one is 6?

edit* ok that didnt work. I guess that would have been too easy lol.

checked in firebug and it seems like the number 5 wasnt there before you mention to add it, since the new menu doesnt have a number and the small window before you helped fix it didnt have a number either..

a less specific line of css to add instead of
#nav_menu-5 .widget-foot { clear: left; }

is
.widget_nav_menu .widget-foot { clear: left; }

It might be safe to use and affect both of them as intended. I was trying to avoid unwanted side effects of it affecting other parts of the sidebars where it wasn’t wanted. But you can try the second example. If it works, you are all set. If not you can do this
#nav_menu-5 .widget-foot, #nav_menu-6 .widget-foot { clear: left; }

I tried the removing #nav_menu-5 .widget-foot { clear: left; } and adding .widget_nav_menu .widget-foot { clear: left; } but it didnt affect the new menu but the old menu did mess up again and stayd good.

where did you get the no 6 from?

#nav_menu-5 .widget-foot, #nav_menu-6 .widget-foot { clear: left; }

worked great. if I create another menu, do I make it look like this then?

#nav_menu-5 .widget-foot, #nav_menu-6 .widget-foot, #nav_menu-7 .widget-foot { clear: left; }

#6 came from looking in firebug. If you look up above widget-foot a bit you will see nav-menu-6

you have to check each time to see what the # is, no guarantees it will be as sequential as you might think

When I tried looking in firebug (before adding the code) I didnt get a number only the widget title info, and I couldnt get the blue “highlight” around a bigger area which I can now after adding the no.6 . was I just being sloppy and not moving around the cursor good enough?

I’II try slap up Another menu and check

yes I was being sloppy, its a tiny move with the cursor from seing the title info to seeing the number to seeing nothing at all lol

Thank you again Very much. Its 3 in the morning and I can finally go to bed lol. Final question. If I remove the menu no.6 for example, should I edit the css?