I want a scrollable mobile nav menu please scrolling in a page kidzedutab.com

Hi I’m want to insert this nav menu to the header in the “header bottom” section. Why it doesn’t scroll left right in the header?
It is scrolling in a page: kidzedutab.com

Can you help me fix it to scroll in the header please ?
I want it to scroll in mobile nav menu please

Hi I’m want to insert this nav menu to the header in the “header bottom” section. Why it doesn’t scroll left right in the header?
It is scrolling in a page: kidzedutab.com

Can you help me fix it to scroll in the header please ?
I want it to scroll in mobile nav menu please

Hi emmanuelebukan,

Thanks for reaching to us.

I cannot access your site, please double check https://prnt.sc/DvZ1v-6VV4vW

Regards,

oh sorry there Is a typographic error
its kidsedutab.com (https://www.kidsedutab.com/wp-admin/post.php?post=12977&action=elementor#)

I want it looking like this https://gyazo.com/a348e76d680591da27271ef390e0449e

admin access

Content:

Hi emmanuelebukan,

1. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Hover on Text / HTML element, click on Pencil icon > select Mobile Tab > add Menu element to Mobile bottom section https://prnt.sc/YSYhhgu8swca

2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile section.

.whb-header-bottom .whb-col-mobile .wd-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.whb-header-bottom .whb-col-mobile .wd-nav>li {
  flex: 0 0 auto;
  margin-right: 10px;
}

Regards,

I have done all and its not working

its is not scrolling

I want a bigger font and for it to scroll horizontally

I have now done a mega menu (megamenu kids edutab) and tried using it the CSSS but it isn’t working too

I want us to work with the new menu (“megamenu kids edutab”)

after using the mega menu it worked but too flexible and floating I can’t control the roll

I want it just like this—–https://gyazo.com/a348e76d680591da27271ef390e0449e

check the buttom menu out
kidzedutab.com ( its floating and hyper mobile, or unsteady ) and the font sizes are small

and stops at watches leaving out some contents

Hi emmanuelebukan,

I tested on my end and it worked as expected, you can see recorded video https://go.screenpal.com/watch/cZhvosVNn5u

Regards,

NO! I think you are using a PC. IT doesn’t work.

https://go.screenpal.com/watch/cZhvDnVNnGF ( take a look here) it is floating and not aligning within the roll.

I want mine exactly like this. https://gyazo.com/a348e76d680591da27271ef390e0449e

it doesn’t work well ==== take a closer look experiment on a mobile devicehttps://go.screenpal.com/watch/cZhvDnVNnGF

I have feeling its opening a page ( its a megamenu linked to html pages )

take a look here too .. it the menu vanished completely on menu scroll,.., as though a page opens behind/beneath the homepage…

take a look…….https://go.screenpal.com/watch/cZhvDrVNnJq

I don’t want the vertical movements

the html of the menu pages opens over my home page

[Hung Pham]

Hi emmanuelebukan,

I fixed with below updated Custom CSS:

.whb-header-bottom .whb-col-mobile .wd-header-nav {
  max-width: 100vh;
}

.whb-header-bottom .whb-col-mobile .wd-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.whb-header-bottom .whb-col-mobile .wd-nav>li {
  flex: 0 0 auto;
  margin-right: 10px;
}

https://we.tl/t-DigeJypdkH

Regards,

• This reply was modified 6 months, 2 weeks ago by Hung Pham.

I have seen the changes how ever it doesn’t scroll to the end

I have seen the changes how ever it doesn’t scroll to the end so not all items on the menu gets to be seen

Hi emmanuelebukan,

Can you please replicate the issue then I can take a look? If you keep removing the menu, it takes time to re-add to see issue again.

Regards,

I have added menu back (however it doesn’t scroll to the last menu item ()

there are 11(eleven) menu items and only 9 is showing

I notice it each time I link my menu to html (megamenu)

I confirmed the floating comes each time I linked my menu to html block links .

take a look https://go.screenpal.com/watch/cZhvDrVNnJq

[Author]

Posts