fixed full dedicated menu beyond breakpoint

  • Resolved gburak

    (@gburak)


    11 years, 9 months ago

    First, to offer my heartfelt thanks in finding your plugin listed on ww.wp.xz.cn. I had much grief searching without success for a template with these responsive features already built-in. Through your efforts I can now realize the interactive design I hoped to pursue.

    The “Description” tab mentions the option for a full dedicated menu. I am asking whether it it possible to configure the responsive menu plugin so that it appears in its opened, slid-out state, in a fixed (non-scrolling) position for screen-widths beyond the breakpoint width.

    In this way I could eliminate the default primary menu altogether, use your responsive menu in is opened state for large screen widths, and offer the responsive menu icon to display the menu for smaller screen widths.

    Otherwise I would be faced, for design consistency, to find an appropriate template with a left-aligned vertical accordion menu and modify its primary menu CSS to match that of the responsive menu.

    Thanks for your consideration.

    https://ww.wp.xz.cn/plugins/responsive-menu/

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

    (@peterfeatherstone)

    11 years, 9 months ago

    Hi gburak,

    Thanks so much for your kind words, they are much appreciated!

    Unfortunately, it is not possible at the moment as it is to offer the menu as an opened, slid-out state and certain resolutions.

    I have done custom work for somebody else to have the menu stay in its slidden out state if you would like any help with this.

    As a guide, you can use the Shortcode and then over-ride the CSS at the specific breakpoint to make it display inline if you know what you are doing.

    Please let me know how you get on with this or if you need help please provide your WordPress admin and FTP details.

    Many thanks

    Peter

    Thread Starter gburak

    (@gburak)

    11 years, 9 months ago

    Thanks Peter,

    (i) I set the responsive menu breakpoint to 1200px

    (ii) and added the following to the theme style.css:

    @media screen and (min-width: 1200px) {
    #responsive-menu.admin-bar-showing {display: inline !important; left:0px !important}
    }

    It appears to work fine without using any shortcode. Where were you suggesting to put this – in the page-template.php?

    In this full slid-out state (1200px or beyond), the menu has to reload after each menu item click to a new page. I suppose there’s no way around this… or maybe by putting the shortcode in the page-template.php?

    thanks!

    peterfeatherstone

    (@peterfeatherstone)

    11 years, 8 months ago

    Hi gburak,

    If its working for you without the shortcode then that’s perfect! It may not be needed in your particular site.

    I would say, however you don’t need the .admin-bar-showing style as if the admin bar isn’t on your site (logged out user) then this style won’t take affect.

    I don’t think there will be anyway to get around the reload of each menu unless you use some sort of caching plugin but then I’m still not sure this will even work.

    The shortcode could potentially fix this, however I wouldn’t be able to give you a definete answer on this.

    Many thanks

    Peter

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

The topic ‘fixed full dedicated menu beyond breakpoint’ is closed to new replies.