Menu Options

  • The menu that you can create with wordpress does it allow you to do this style that follow you when you scroll down like this website https://timbiskup.com/blog/ or is something you have to customized and not even use the menu option from wordpress?

Viewing 3 replies - 1 through 3 (of 3 total)

  • This depends more on your theme than the menu. If the div structure of your theme permits it, you should be able to fix the menu position with the CSS: position: fixed;

    Normally you will need to adjust the styling of other parts of the structure before this will work.

    Thread Starter raws4581

    (@raws4581)

    My previous company I worked for they have done with custom, is why I asked. Here is another wordpress with the same code follow me menu.
    https://www.shoprevolution.com/

    Do you know of a theme that kind of have that menu option?

    I don’t know of a theme that does that, but it is fairly easy to modify some themes. For example, the TwentyTen theme can be modified by changing header.php and some of the CSS.

    First, move the #access div to follow the body tag like this:

    <body <?php body_class(); ?>>
<div id="access" role="navigation">
  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
	<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
	<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
	<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div><!-- #access -->
<div id="wrapper" class="hfeed">

    Then add this CSS to the end of style.css:

    #access {
   width: 100%;
   position: fixed;
}
#wrapper {
   margin-top: 0;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Options’ is closed to new replies.