Troubleshooting Sticky Menu

[livemesh]

There are a few things that can be addressed with the sticky menu which was rolled out as part of latest update of the Enigmatic theme –

1) With boxed version, the sticky menu sticks to the right. Until the next update, pls paste the following CSS into Custom CSS in Theme Options panel. You won’t need this after the next update.

.boxed #sticky-menu-container { max-width: 1180px; width: 96%;}

2) If you do not see a menu in the sticky header, pls make sure you go to WordPress Menus page under Appearance and choose a menu to go with ‘Sticky Menu’. The latest theme documentation has instructions on this.

3) If you want to disable the sticky menu completely for some reason, you may paste the following code into Custom CSS tab –

#sticky-menu-container { display: none !important; }

Will make this an option in the theme options panel in the next update.

4) If you want to slightly vary the size of the menu (too large and taking too much space or too small to hold your logo), pls use following CSS to change padding –

#sticky-menu-container { padding-top: 10px; padding-bottom: 10px;} /* Decreasing or increasing top/bottom padding will decrease or increase the height of the sticky menu respectively. */

and for logo getting cut off, do increase the height and width with following CSS –

#sticky-site-title a { min-width: 300px; min-height: 50px; } /* Choose appropriate height and width based on your logo width and height */

5) If you want to set a different logo, like say, a smaller one for the sticky menu, pls use the following –

#sticky-site-title a { background-image: url("http://example.com/logo.png"); }

[Author]

Posts