added breakpoint on css nav menu cant control

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
benkn
 
 
Posts: 18
Joined: Fri May 14, 2021 2:20 am

added breakpoint on css nav menu cant control

Post by benkn » Sat May 15, 2021 3:01 pm

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.

User avatar
Pablo
 
Posts: 23881
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: added breakpoint on css nav menu cant control

Post by Pablo » Sat May 15, 2021 5:01 pm

The size of the button depends on the size of the text and the padding.

benkn
 
 
Posts: 18
Joined: Fri May 14, 2021 2:20 am

Re: added breakpoint on css nav menu cant control

Post by benkn » Sat May 15, 2021 11:10 pm

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.

User avatar
Pablo
 
Posts: 23881
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: added breakpoint on css nav menu cant control

Post by Pablo » Sun May 16, 2021 6:08 am

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

benkn
 
 
Posts: 18
Joined: Fri May 14, 2021 2:20 am

Re: added breakpoint on css nav menu cant control

Post by benkn » Mon May 17, 2021 12:31 pm

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!

User avatar
Pablo
 
Posts: 23881
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: added breakpoint on css nav menu cant control

Post by Pablo » Mon May 17, 2021 12:55 pm

The breakpoint in "RWD" determines when the menu will switches from horizontal to vertical mode.
This should be in line with your page breakpoints.

Post Reply