Thanks, Josue, when will 3.0 be released?

I’m trying your method and I’m not sure if I’m doing this correctly. Basically, I want the site content columns to stretch and flex within its container that’s 96% of the browser width (same as the stretched header option we have enabled).

But the generated CSS from that lesstester.com is giving me a -4% value for the container width. This is what I changed in the LESS before compiling.

@maxWidth:96%;                //default width     //working: 990px&30    - 1010px & 50
@maxWidthLarge:96%;          //large       		//working: 1110px&30    - 1130px & 50
@maxWidthExtraLarge: 96%;	//extra large		//
@maxWidthTablet:96%;          //tablet size       //working: 774px&30     - 782px  & 50
@maxWidthMobileLarge:96%;     //mobile landscape  //working: 478px&30     -
@maxWidthMobileSmall:96%;     //mobile portrait   //working: 318px&30     -

Will percentages not work? Or am I editing this incorrectly?

Thanks for your patience and help!

I was able to add some quick CSS to simulate the Theme Option, but now I’m having trouble with the mega menu showing off screen to the right and not centering. I tried using both percentages and pixels for the value of the container width:

.responsive .container, .responsive .container .twelve.units {width: 1210px;}

and

.responsive .container, .responsive .container .twelve.units {width: 96%;}

And I played with the responsive values using media queries. But I wish I wasn’t hacking this by adding quick CSS when the Theme Option for 1210px should be working. To test further, I tried installing the theme locally in MAMP and I’m having the same issue with the larger 1210px not activating. :/

Thanks,
Dave

Thank, Josue!

After contacting our Hosting provider, it turned out to be an issue on their end with serving us up stale CSS.

Thank you for your time and support! We can mark this Topic resolved.

Cheers,
David