Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Helix Ultimate Default Width and Gutter

Featured Lock Resolved Task
Hi guys,

Checking in with some feedback here. I would really be helpful to include within Helix Ultimate template settings the ability to:

1) Set default template width on desktop. The 1140px is too small on large monitors and constantly creating a mess of media queries is time consuming.

It would also be great to set default width for all Bootstrap 4 breakpoints. This is becoming more and more an apparent need as things like small 13" monitors are loading the same layout at a 28" etc. Having control over the XS, S, M, L, XL default widths will provide so much more flexibility on a case-by-case basis.

2) Inline with the widths themselves, it would solve many problems to also be able to define a default gutter width per break point. For example, 30px on mobile and tablet portrait is often way too much and wastes valuable space. On XL, especially content-rich sites, a default of more than 30px may assist in cleaner, less cluttered layouts.

Anyhow, there are a few other frameworks that allow these features in part or fully within the template manager. It reduces the amount of CSS file customization significantly and also makes for quick/powerful adjustments.

Thanks!

5 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your explanation. By default the gutter removes option doesn't exist. If you want to write your own CSS code, Just create an custom.css file inside the template CSS folder. Then write down your media query CSS code. It will not be hampered after update the Template.

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Your query is very useful to us. Would you please share a screencast video of the full scenario about your issue? It would be better to understand.

-Thanks

MW Dev

More than a month ago #Permalink
Hi there,

Thanks for your query. Your query is very useful to us. Would you please share a screencast video of the full scenario about your issue? It would be better to understand.

-Thanks


Toufiq,

This isn't an issue per say moreso a feature request for the devs. There is no quick and convenient way to control the default template width for desktop, or the other layouts. And as mentioned 30px default gutter for columns looks silly and takes up too much space many times on smaller mobile devices.

For example the default 1140px width on a 3860px 4K monitor @ 28+ inches looks silly!

It would save significant custom CSS and @media queries if these settings were available in the template manager / Helix layout settings etc.

There are quite a few other frameworks that have these options - and they save a LOT of time and also make it quicker to produce more optimized layouts. Give us the ability to control things without a mess of media queries in custom css.

Thanks!

joomleb

3 weeks ago #Permalink
At least (Bootstrap 4 define four screen dimensions) the mobile / tablet / desktop (like in SPPB) selectors to set different Row and Column Options is a big missing...
Because right we cannot avoid it duplicating Rows and to use the Responsive options (Hidden on) because of the Component area that cannot be duplicated...


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 22
Ofi Khan

Ofi Khan

Total Accepted Answers: 20

118

Templates

306195

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us