cssMenu ignores padding of layoutGrid

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
Ainu
 
 
Posts: 19
Joined: Sat Jun 29, 2013 5:31 pm

cssMenu ignores padding of layoutGrid

Post by Ainu » Wed Jan 11, 2017 8:45 am

Why does the cssMenu ignore the padding of the layoutGrid on small screensizes?

The above menu is a simple text object with padding and background-color. It scales fine.

The menu below is the cssMenu, with stretch mode. It's all scaling fine untill i get to about 320px. As you can see there is enough space left on the left-right side to scale a little further, but it doesn't.

Image

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

Re: cssMenu ignores padding of layoutGrid

Post by Pablo » Wed Jan 11, 2017 9:52 am

To be able to help you I need to see what you have done.
Please share your project. Before sharing it please remove all non-relevant content form the project.

Ainu
 
 
Posts: 19
Joined: Sat Jun 29, 2013 5:31 pm

Re: cssMenu ignores padding of layoutGrid

Post by Ainu » Wed Jan 11, 2017 11:43 am

I solved it while making a example project for you. The problem was in cssMenu > Style > Text > Padding left/right.

The padding was set at 20. This was forcing the menu to dissapear out of the window. When i set the padding for text to 0 the cssMenu scales very well, even for very small window sizes.

Post Reply