Floating menu or other object

BB Theme
1

Looking for step-by-step instructions to achieve floating menu or other object. Presume .css code can be entered into Automator Child Theme style.css document.
BTW, found two posts which displayed similar inquiries. No solutions shown, only that the issues were resolved.
Many thanks.

2

Hey Joanne,

That would require custom CSS. You’ll want to check the position property to be specific. Check the link below for more info.
http://www.w3schools.com/css/css_positioning.asp

Ben

3

You could also try 3rd party plugins. Just letting you know ahead of time though that the plugin Sticky Menu (or Anything!) on Scroll doesn’t work well with BB(a problem with how it works). Not sure if there are any other that offer the same thing. You may want to ask the same question to the BB FB Group. :slight_smile:

Ben

4

Hi, Ben

I’ve done a lot of research on how to best approach this. Nothing successful so far.
My goal ultimately is to create three or so floating menus, in which each would apply to four separate HTML pages. I believe my approach should be as follows:

  1. define each floating menu’s parameters in styles.css in the Automator child theme;
  2. Create these three menus with their links via the usual Appearance > Menus. Ensure that none are affiliated with the option settings that come with the template (Header, Footer, Top Bar).
  3. Add scripts to the header.php file that state each of these three menus apply to certain pages only and state what these pages are (preferably by title rather than HTML link) or insert this same info in the child theme styles.css (I would guess the latter is preferred). I figure it’s one of these two options because there is really no place in an individual page that I can see where one can add a script that applies to the page.

I look at this page: http://www.dwuser.com/education/content/creating-a-floating-navigation-menu/ and see that perhaps it contains all I need to set this up. Yes? No?

My goal is to make the code robust and easy to edit or to copy/paste for any additional possible such floating menus. Admittedly, this has perhaps become an obsession. :slight_smile:

Ultimately, it would be lovely if you could let me know what code goes where in point form in my Wordpress/Page Builder/Automator/Automator Child setup.

Many thanks! Enjoy a fabulous 2016!

Joanne

5

Hey Joanne,

So this is what I gathered from your post above. You wanted to create 3 menus, and each would appear on different pages? If so, the steps you listed above would be correct. I’m not really sure about the link you send. It’s kind of a pure hard coded way to do it, it may not be WP compatible specially the JS code but you can give it a shot.

On the 3rd step I think it would be better to set a condition on the header.php code as to which menu appears on which page. That way you don’t have to hide the extra menus via CSS.

Since you’re using the BB theme, you place codes under the Theme Customizer > Code section. You’ll have a separate one for CSS and JS. You can place the corresponding codes there. :slight_smile:

Let us know if you need anything further! And enjoy your holiday! :slight_smile:

Ben