Menu above built with this plugin including Mega Menu.

Attempt to Emulate Menu

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Featherstone 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #29605 Reply

    Andy Lamb
    Participant

    Hi,

    I’m building a site (almost) from scratch using underscores/bootstrap and I picked up Responsive Menu to save me time. Love the interface and extensive options, and the small-screen menu is looking superb. Thought I’d attempt to emulate the responsive.menu site header and found I eventually had to add my own custom sass. I’d like to ask, should I be able to emulate your site menu without resorting to sass? I saw a link in the plugin/docs which suggests I can (although I’m struggling to find it his morning).

    This is the fixed menu with Header Bar (just Logo section activated) and Desktop Menu enabled. There doesn’t seem to be a way to constrain the logo within the Header Bar from just using the plugin.Screenshot 1

    Having compared the code across my page and yours, I eventually added:
    #responsive-menu-pro-header-bar-logo img { height: 80px; } //matches the menu height
    #responsive-menu-pro-container { right: 5% !important;}

    Achieved what I wanted (Screenshot 2), but can’t help but think I took the long way round. Where did I go wrong, please?

    Many thanks,
    Andy

    #29607 Reply

    Hey Andy,

    The page that explains how to make a menu like on this site can be found below:

    https://responsive.menu/faq/how-do-i-build-a-menu-like-the-responsive-menu-website/

    To get the example above you should be able to achieve it without any CSS but if you want to make minor adjustments to paddings, margins etc. or for the final touches it is likely you will need some CSS to get it just right for your needs.

    The logo issue you are seeing is an example of that. I plan to add image sizing options to the Header Bar logo in an upcoming release, but for now you will need to use some CSS to change the sizing.

    What you have done is correct for now, but as I say in the new year hopefully you won’t need to do that.

    Peter

    #29614 Reply

    Andy Lamb
    Participant

    Superb, thanks!

    #29615 Reply

    Hey Andy,

    You are welcome!

    Obviously with Christmas and New Years coming up, I don’t plan on doing much development work until the start of January again so the new release will probably be delayed until then. I need a break!

    But keep your eyes open for new releases after that time :-)

    Peter

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: Attempt to Emulate Menu
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed