ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
I feel it won't be easy to do that, since you would have to modify Gantry structure.
Main question is, what do you need it for? Since you can control utility position's width independently from the rest, why merging them? Maybe further explanation for your needs would be helpful.
Bests,
Thanks. The issue is that I am using the search box on the left and a couple of agency logos on the right. I am using utility-a and utility-b and set the layout correct in Gantry. However, I don't want each in a gray box, I would like them both in the same grey box (Just for design purposes).
I tries adding the box1 class on the template but not having much luck.
OK. I see.
Guess you should trick CSS styles for each module so they look like a unique box although they are actually two.
For example, for the left module set border top, left and bottom, and for the right one set border top, right and bottom. And leave no space between them.
A link to your site would be necessary for further details.
I'm going to look at the CSS, but don't want to mess with core Gantry stuff. I thought that there might be a simple wrapper I could put on the whole utility block, but nothing I tried seams to work
OK.
A quick solution for not modifying CSS or Gantry.
Publish "search" and "USA and recyclable" modules to non-existing positions. For example "custom1" and "custom2" positions.
Then create a new custom HTML module to be published on utility-a position (alone, so 100% width).
Inside this module use "modules anywhere" plugin to set "search" floating left and "USA and recyclable" floating right.
You can find "modules anywhere" at
extensions.joomla.org/extensions/core-en...embed-a-include/6402
It may not be the smartest solution but will work for sure and is very easy to do.