Page 1 of 1

added breakpoint on css nav menu cant control

Posted: Sat May 15, 2021 3:01 pm
by benkn
On the css navigation menu, tab 'rwd', I added the breakpoint 768.

My menu WAS small horizontally aligned buttons, once I added the breakpoint the buttons stretched out, and now they are vertically aligned.

I cant seem to control the size of the buttons, and whether they are vertical or horizontally aligned.

I am hoping this menu will fit my needs as a responsive menu, or I can just make 3-4 menus, one per breakpoint, as the css menu should load superfast.

Re: added breakpoint on css nav menu cant control

Posted: Sat May 15, 2021 5:01 pm
by Pablo
The size of the button depends on the size of the text and the padding.

Re: added breakpoint on css nav menu cant control

Posted: Sat May 15, 2021 11:10 pm
by benkn
The buttons grew greatly by adding 768 in the 'rwd' option.

The padding is set to 0. The text size is 20, but the buttons jumped to 500 pixels long when i clicked '768' breakpoint.

In the preview, they are about 80 pixels long.

Re: added breakpoint on css nav menu cant control

Posted: Sun May 16, 2021 6:08 am
by Pablo
If you need further assistance then please share a demo project so I can see what you have done.

Related FAQ:
viewtopic.php?f=10&t=82134

Re: added breakpoint on css nav menu cant control

Posted: Mon May 17, 2021 12:31 pm
by benkn
https://ecoracingusa.com/

I fixed it and dont want to try to reproduce it.

The css menu seems fully responsive, you just need to manually adjust the settings in each breakpoint.

I don't know what 'RWD' does, but when i set it to 768, my css menu misbehaved or seemed to.

Thank you!

Re: added breakpoint on css nav menu cant control

Posted: Mon May 17, 2021 12:55 pm
by Pablo
The breakpoint in "RWD" determines when the menu will switches from horizontal to vertical mode.
This should be in line with your page breakpoints.