Code

Discussion on Web Slide - Bootstrap 4 Mega Menu Responsive

Discussion on Web Slide - Bootstrap 4 Mega Menu Responsive

Cart 1,394 sales

WebSlideMenu does not currently provide support for this item.

55 comments found.

Hi, i want to implement this menu template to my angular application. Could you please let me know what are the steps i need to follow to implement this.

I need fixed footer mobile menu? Any demo

Unfortunately, We don’t have any mobile footer menu. Please give us more detail, which type of footer menu, you needed. we can considering your requirement.

Send email from our profile page https://codecanyon.net/user/uxwing#contact

Can you make the desktop menu’s sticky on scroll? This is a feature request not a support question

We have “sticky” menu option, on some of demos. Which demo are you talking about? Just send me email from my profile page. Thanks

Hi! I follow the steps, But don’t know why the search bar ran to the left?

https://upload.cc/i1/2019/07/31/TGku1P.png

Can you know what went wrong?

Hello, I have solved this problem.

Hi!

I’m try to describe problem that i see at online demo, for example – https://uxwing.com/menudemo/webslide/mobile-drawer-style/layout-03-ecommerce/

If you browser window screen size between 992px and 1006px page with menu displayed with problem. With all other widths all is fine, problem only for >992px and <1006px

If >992px and <1006px you can see looooong scroll at page and content displayed at the bottom of the page.

Looks like problem at webslidemenu.css, at this style:

.wsmenu { width: 100%; float: left; color: #fff; position: relative; font-size: 16px; padding: 0; display: block; margin: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); }

“float: left” deleted and all works fine for me.

Can you please email screenshot and browser detail, this will help me lot, you can use this form https://codecanyon.net/user/uxwing#contact to send.

Sorry.

Looks like this problem with old version of jQuery. I have jQuery 1.9 at my demo page.

Updated jQuery to 3.4 and all works fine, without this problem.

Can this menu open on click and close on click, instead of mouse hover in and out?

Hello, You can use provided onclick option.

Is it possible for menu to be always open? Not just opening on hover. Thanks

Please send message from my profile page with more detail about your requirement with our demo link. Profile link https://codecanyon.net/user/uxwing/#contact

Thanks

Hi there

Awesome menu A+++ – thank you very much.

I have one query though with regards to the webslidemenu stylesheet and js file. I notice there are different versions of each for every demo? Would it not be possible/better to have a single core file and additional files for styles/overrides specific to that demo?

I wasted a lot of time trying to get the centre menu working like the one in your centre demo, checking and verifying that everything was the same, before realizing that the stylesheets were actually different despite having the same names.

The other problem is that say I am using the stylesheet from the centre menu demo and I want to add the search box in the mobile header like in the ecommerce demo, this will not work because the wssearch and wssearchform classes do not exist in the centre menu stylesheet. Ideally I don’t want to update the webslidemenu files myself as it will make it difficult to update them when you release a new version.

Hopefully I am missing something….

Please can you advise?

Thanks for appreciation. As you know It is a static script and every demos are has different layout, so it is pretty hard to create common style sheet and overwriting with different layout/snippet css.

But we will think about , how can we easy them… you can put your suggestion by sending email from my profile page. https://codecanyon.net/user/uxwing

Hi – I’ve installed the menu on my site – BUT, swipe down to refresh and swipe in/out to zoom is now not working on mobile display. This happens on your demo site.

Hello, Definitely we will investigate this, and give update sooner. Thanks

Great – would be good if you can fix. I have small tables with lots of data, so we need customers to zoom in to view if they need to see more data.

Please send one email from my profile page (link: https://codecanyon.net/user/uxwing) so i will send you updated code

How do you add a divider to a dropdown menu?

  • Send email from my profile page with more detail https://codecanyon.net/user/uxwing#contact

    You should really put some naming convention on you demos, they all say ‘Navigation Layout’ – but then the folder say Layout 1, layout 2 (How do I know which one I’m installing?

    Thanks for your suggestion.

    Great menu, love it! Got one question though. How can I prevent the ”<.li>” elements (buttons) to expand to the entire width of the menu? The “buttons” expand the entire width of the menu, and that looks stupid with only 3 “buttons” :(

    Please send email from my profile page with more detail

    hello, can this be used for wordpress?

    Hello, This menu is simple html static script, it is NOT a plugin so you can’t control/install it from admin area…You need to install it manually by using back-end code.

    Is there a guide to installing it manually using back-end code in wordpress?

    Send message from my profile page.

    Hi, I do not understand well, is it a custom code menu, and can I plug it into any CMS?

    it is a simple static script, made with pure html, css and jquery code. it is NOT a plugin or extension so you can’t control/install it from admin area…You need to install it manually by using back-end code (including files and putting html code).

    Thanks

    this is how the menu buttons work without your code:

    https://vimeo.com/290057338

    and this is what happens when your code is used:

    https://vimeo.com/290057314

    We will fixed it.. Sooner…. Right now I have already remove this onClick version from marketplace.

    just discovered that your jquery code breaks the clickable menu buttons on my website, they no longer work properly, they will open but not close, a screen refresh is required after every time you click one…. honestly, i just can’t believe how many things your navbar breaks on existing websites, it really isn’t ready for prime time, and shouldn’t be sold until everything is worked out.

    We will fixed it.. Sooner…. Right now I have already remove this onClick version from marketplace.

    mobile device scrolling doesn’t work well at all with the onlick version, especially when using an ios device, scrolling is not fluid, thumb scrolling is almost impossible (only index scrolling) ....

    ok, looks like it’s the 991 break-point / side menu that’s causing the problem, it breaks ios scrolling… ios scrolling is ok in landscape mode (screen width greater than 991) but it’s completely unusable when in portrait mode (screen width smaller than 992)... i think the same thing causes the “back top top” script not to work, the webslide breaks it and the ios scrolling (and most likely other things i have yet to discover… is there an easy fix to this or do i have to much around in the code again?

    We will fixed it.. Sooner…. Right now I have already remove this onClick version from marketplace.

    Hi,

    Please correct JS code like this to Bootstrap 4 compatibility on < 991px devices 15 is for right padding correction

    jQuery(’.wsmenucontainer’).css(‘min-width’, (jQuery(this).width() – 15) + “px”);

    Thanks

    this code just breaks too many things, requiring constant communication with the author… a simple “back to top” jquery button code breaks when the navbar switches to mobile view… the navbar also blocked all other web page clicks, regardless of page width, and i had to wait for the author to re-send an edited/updated js file before i could continue with my work… i will say that the author did respond and offered solid support, but that ended the moment i agreed to leave him a positive feedback upon his request…. if you’re facing a deadline and need a navbar that works out of the box, look elsewhere.

    for those using this navbar and wanting to also use an animated header, which this navbar prevents from auto playing in chrome, i found that adding this script fixes things:

    <script> setTimeout( function() { $(“video.tag”).get(0).play(); }, 300); </script>

    the left & right navigation arrows on the carousel (mega menu, on-click version) don’t work, in fact they don’t even work on the online demo, yet another bug ....

    Yes, i have decided to rebuild on click version. so i will down onClick version, temporarily.

    hi how can i use jquery v.3.3.1 for Web Slide – Bootstrap 4 Mega Menu Responsive?

    i replied

    by
    by
    by
    by
    by
    by

    Tell us what you think!

    We'd like to ask you a few questions to help improve CodeCanyon.

    Sure, take me to the survey