gantry/gantry5

Next Generation Theme Framework <http://gantry.org>

Alexis Priddy

@yellowwebmonkey

You are welcome!

Kamalesh Dubey

@kamaleshdubey

Hi, I have a telephone no. that is being automatically hyperlinked. I had previously used <meta name="format-detection" content="telephone=no"> in Page Settings > Head Properties > Custom Content to turn-off the hyperlink. However, this time around, it is not working and that too with the same Gantry 5 template. Any idea why this may be happening? Just to add on, this issue is only happening on Edge browser, but only in the second instance - the first template is working fine!

dmleeman

@dmleeman

@kamaleshdubey Hi Kamalesh, it seems to be an issue with Edge itself rather than any failing in Gantry:
There is a thread on stackoverflow that covers a few possible solutions:
https://stackoverflow.com/questions/31978346/remove-microsoft-edges-phone-number-styling

dmleeman

@dmleeman

@yellowwebmonkey Hi Alexis, only asking: your solution worked perfectly and the site now displays the cart module in mobile view. The removed line was originally added to prevent the main menu flashing into view for a second when a menu item is selected.
Do you know of a solution that prevents this main menu appearing for a second or two when a new page is rendered but still allows other modules in the nav section to display in mobile view?
Its a tricky question to ask google!

dmleeman

@dmleeman

@yellowwebmonkey It's ok, I've fixed it. Gave the menu an id of 'mainMenu' and then added this @include breakpoint(mobile-only) {

#mainMenu {
    display:none;
}

}

Michael Koontz

@N8Solutions

@dmleeman this is something that has been discussed for a very long time.
:point_up: February 18, 2016 1:39 AM

@dmleeman you'll notice in there that @w00fz suggested to add the class hidden-phone to the menu.

@dmleeman You can also review the issue that was opened to discuss this.
gantry/gantry5#2536
There was a proposition to add something to the menu particle but I don't believe it was ever implemented.

dmleeman

@dmleeman

@N8Solutions thank you Michael. I did take a look at the UIkit site to find a possible answer. This is great! Many thanks!
Could I suggest adding the suggested solution to the gantry 5 docs?

@N8Solutions In the end I gave the menu an id and used the breakpoint rule but will try the hidden phone method

Michael Koontz

@N8Solutions

@dmleeman You're welcome. I've tagged @mahagr in the Pull request that was generated with a proposed fix (gantry/gantry5#2538) because it appears that it was suppose to be implemented but there is nothing present in the menu particle.

Maybe @mahagr & @thexmanxyz can shed some light on why it isn't there.

dmleeman

@dmleeman

@N8Solutions Fantastic, just tried hidden-phone class on another site and it worked great. Months of misery finally over! Many many thanks :)

Michael Koontz

@N8Solutions

@dmleeman You are very welcome! I'm happy to have helped!

dmleeman

@dmleeman

@N8Solutions Hi Michael, ok now I've got the taste again for mobile specific layout, is there a similar class for displaying particles on mobile only, such as .visible-phone
The uikit docs have some breakpoint specific classes but wondered if there were others within Gantry of which I may be unaware.

Alexis Priddy

@yellowwebmonkey

@dmleeman : http://docs.gantry.org/gantry5/tutorials/utility-classes

dmleeman

@dmleeman

@yellowwebmonkey Woohoo! Thanks again Alexis. It looks like I was drowning in bookmarks - too many resources noted and not read through in detail. Note to self, re-read the gantry5 docs!
Perfect, thank you once again

01Kuzma

@01Kuzma

Hello people!
Does Gantry 5 support Grav Modular template overrides?
I'm getting only a html code as output, rather that rendered result
I've created a ticket here with a brief description: gantry/gantry5#2603
Could someone help? I'm stuck with it...

Kamalesh Dubey

@kamaleshdubey

@dmleeman Thank you so much. It works now, using

dmleeman

@dmleeman

@kamaleshdubey Great news, I to have received some helpful info today so we're 'passing it forward' in the gantry gitter today :)

Kamalesh Dubey

@kamaleshdubey

@dmleeman Cheers mate

01Kuzma

@01Kuzma

A update:
in html.twig I’ve changed {{ content }} to {{ page.content|raw }}
Now it renders html except images but with tag’s inside content.
Also I have a text with  tags, so the text doesn’t change it’s weight, it just renders the  tags inside…

saraheagle

@saraheagle

Hello, I'm just switching over to Gantry, and it looks fab. However, I can't seem to get the Joomla module's Bootstrap Size (column span width) to work. It looks to me like Gantry does not consider that admins can set the width of a module in the module itself, that it expects all width settings to be done in the template. Is that really right? Thanks for any help.

Michael Koontz

@N8Solutions

@saraheagle Yes, the width is set in the Gantry 5 backend under the Layout tab.

saraheagle

@saraheagle

Thanks @N8Solutions. Because lower level admins do not have access to templates, I have tweaked the Gantry css now so it does work. :)

Ra's Al Ghul

@RasAlGhul15_twitter

Hello...
I'm using gantry+Helium theme with wordpress.
When I try to share an ARCHIVE page, the og data and shared link comes from the last post in that archive...
Does anybody knows how to fix it?

Liz

@EJBJane

Anybody know why the images in my mobile version of Gantry 5 Hydrogen are NOT responsive. I am talking about only the images in the main content. Here you can see an example : https://www.dolcevia.com/nl/italie-agenda/3457-februari-het-carnaval-van-venetie

Liz

@EJBJane

Also it seems I have a mobile menu icon that displays on all versions of my website, on tablet and desktop it should not display, however it is still present. If you click on it, it does nothing. In tablet view it overlaps my logo. See : https://www.dolcevia.com/nl/italie-agenda/3457-februari-het-carnaval-van-venetie

Michael Koontz

@N8Solutions

@EJBJane What you are experiencing is the Offcanvas Toggle Visibility being set to Always instead of Mobile Menu.

You can change this setting in the Gantry 5 backend under the Styles tab and just look for the Offcanvas Section.

@EJBJane regarding your other issue, I can't seem to reach your site. It appears to be offline for some reason at the moment.

Liz

@EJBJane

@N8Solutions I would never have found that mobile setting back, thanks! I will see what the other issue is.

dmleeman

@dmleeman

Problem: Joomla 3.9.15 - trying to align particles in phone view
I am looking to make a mobile phone only menu which shows 4 particles inline. I have had some success by creating a module position that is classed as visible-phone and assigning particles within it but aligning them in a row is a challenge. Also, I'm keen to make them all icons aligned like Search, Login, Contact.
Does anyone have any working solutions for such a mobile view menu?

At the minute I have made a second 100% width module position in the navigation bar which I have calssed as visible-phone.
Then created Gantry 5 modules that each contain the necessary Particles.
Then assigned those modules to the new mobile view module position
Some particles insist on filling the full width
So, the tried creating a module position for each particle on the same grid line (25% each) but then the result is a column of the particles.
I get the feeling I'm missing something basic

The result I'm looking for is like this https://wpexplorer-themes.com/total/docs/creating-mobile-icons-menu/
but for Joomla

Alexis Priddy

@yellowwebmonkey

@dmleeman , what is the url? You probably just need a few lines of SCSS to make them line up

dmleeman

@dmleeman

@yellowwebmonkey Thanks Alexis, I'll put a copy on my dev server.

dmleeman

@dmleeman

@yellowwebmonkey Hi Alexis, thank you for taking a look. I've created a copy here http://webdev.sites.k-hosting.co.uk/

dmleeman

@dmleeman

@yellowwebmonkey I don't expect you to drop everything to take a look, but any inout would be greatly appreciated.
The cart, wish list and compare are part of Phoca Cart Gantry 5 layout.
I have added phone number, search modal and login modal.
All 6 are in position-22 with visible-phone class added.
I'm looking to align them horizontally

Alexis Priddy

@yellowwebmonkey

#ph-top-modules.visible-phone .g-content {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: center;}

#ph-top-modules.visible-phone .g-content .moduletable {flex:1;}

@dmleeman , you may want to re-order or whatnot, but that results in https://share.getcloudapp.com/6quBBEG6

dmleeman

@dmleeman

@yellowwebmonkey Stunning! Absolutely fantastic... Must learn flex model properly.
Really impressed Alexis, many thanks :)

Alexis Priddy

@yellowwebmonkey

@dmleeman , flexbox is pretty awesome. This is a great way to learn: https://flexboxfroggy.com/

dmleeman

@dmleeman

@yellowwebmonkey Bookmarked! You've cut out about 8 hours work for me there Alexis, much appreciated.

Alexis Priddy

@yellowwebmonkey

@dmleeman , no problem. I think most of us had someone that helped us out in the past, so it is a "pass it on" kind of thing.

dmleeman

@dmleeman

@yellowwebmonkey I'm not quite getting the same as you have displayed but it is a lot closer (testing on android phone and Chrome desktop). Will see if I can make some fine adjustments. Thanks Alexis, and I agree, this is great place for swapping tips. Far better than a forum

Anand

@aen_aend_twitter

Hi! I wanted to make some changes on the menu of Hydrogen theme. But I'm unable to find the file. If someone knows the directory, I'd be thankful to know.

Alexis Priddy

@yellowwebmonkey

@aen_aend_twitter , what type of changes? You can override a lot with the custom.scss

Anand

@aen_aend_twitter

I figured it out! But there's a new issue. I'm making changes on YAML files.I'm using Uikit to create a Sticky navbar. Now the issue I'm getting is; the tag is something like this; <div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">. I can't find a way to add this tag though YAML.
.. !(https://i.imgur.com/eRrQxfU.png)

Alexis Priddy

@yellowwebmonkey

You can do it as a Tag Attribute, similar to https://www.inspiretheme.com/documentation/joomla-templates/construction#fixed-header

Where communities thrive

People

Repo info

Activity