WordPress.org

1. tjesker
   Member
   Posted 1 month ago #

   I installed the "Simple Sidebar Navigation" plugin and added two menu widgets to the left sidebar and then created a CSS file for a vertical flyout menu at http://purecssmenu.com/. The menus look great except the second one has a submenu that does not fly out. Can someone look at my CSS and tell me what I'm doing wrong? Here is the site http://tomesker.com/blackburn/wordpress/. The CSS file is at http://tomesker.com/blackburn/wordpress/wp-content/plugins/simple-sidebar-navigation/blackburn-menu5.css

   Thanks

   Tom Esker

2. tjesker
   Member
   Posted 1 month ago #

   Nobody answered - so I'll follow up with the answer myself.

   I found:

   "overflow: hidden;"

   specified in the element containing the menu which was keeping the flyout from extending outside of the element. I changed it to:

   "overflow: visible;"

   and that fixed it.

   BTW, to figure out where I needed to go in the CSS to fix the problem I installed the Firefox plugin "FireBug." Just mouseover the affected menu and the CSS that formats that part of the page displays in the Firebug window.

3. missmacphisto
   Member
   Posted 1 week ago #

   Hi!

   This may sound silly but ... could you run through how you did this? You installed the Simple Sidebar Navigation widget into the left sidebar. Where did you put the menu CSS you generated - in style.css? I tried that and got nothing :(

4. shane_tactical1
   Member
   Posted 4 days ago #

   Hi Missmacphisto.

   I was coming on here to ask the same question then i kind of answered it for myself.

   You put your css inside your plugin folder in the simple side bar navigation missmacphisto as you can see when he gave the link to the style sheet it inside there. Call it whatever you want. Then you go into the back end of wordpresss and make sure the simple sidebar is plugin is activated. Then go to settings, its also in the back end down the bottom on the left. Go to simple SideNav and you specify the style sheet there.

   I have been trying to create a simple vertical flyout menu for about a week now and all i have is achieved for my trouble is a headache but i think thats how its done so now im hoping to put what i just figured out into action.

   Let me know how you get on :)

5. shane_tactical1
   Member
   Posted 4 days ago #

   ok my English was sh*te in that last post.

   Here goes again.

   You put your css inside your plugin folder in the simple side bar navigation, as you can see when he gave the link to the style sheet it inside there. Call it whatever you want.
   Then you go into the back end of wordpresss and make sure the simple sidebar plugin is activated.

   Then go to settings, still inside the back admin area and Go to simple SideNav and then you can specify the style sheet there.

   Dont ask me what you do next though as i havent got that far.

   If you get one working let me know. As i said i have been trying to figure this out for days.

Reply

You must log in to post.