gantry/gantry5

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

dmleeman

@dmleeman

@EstebanFigueroa Hi Esteban, if you need help, please, don't bump requests

So, Gantry5 has useful breakpoints built in both in the UI and as media query selectors in SCSS

1) Use the breakpoints available in the Gantry setup first or you'll end up in css spaghetti 'hell'
The breakpoint sizes can be edited in Gantry5 > Styles > Breakpoints, They are defined in rems by default

2) In your custom.scss file define visual changes according to the breakpoints using the media selectors, eg.

There is a page in the docs that deals with this specifically
http://docs.gantry.org/gantry5/tutorials/media-queries

I would recommend using the 'mixins' queries first, don't let the terminology bother you; they are simple to use and easier to use compared to 'standard' css media queries.

Tablets can be tricky to get right. It's probably Apple iPads that need 'tweaking' but the approach is still the same.

TheDiabeticWay

@TheDiabeticWay

thinking of updating Gantry 5.4.34 to Hydrogen 5.4.34 not at all sure what to be safe on in doing this process can anyone help me out to prep for it all?

dmleeman

@dmleeman

@TheDiabeticWay Not quite sure what you mean by upgrade in this sense. Gantry 5.x is the framework and Hydrogen 5.x is a Layout collection built on that framework, it is therefore a template (in the Joomla sense).

Are you using Joomla or WP? I cannot answer for WP but Joomla will allow you to install multiple templates with no issues. So, if you are using Joomla, then simply install the Hydrogen 5.4.34 template package and you will then see it in your templates list. In my experience it will do no harm at all.

Apply the usual caveat > Backup first! (my answer relies on the above interpretation of your question)

praxis111

@praxis111

Gantry 5 on Wordpress crashed after clearing the cache in the Helium theme. Anyone know why or how to get the frontend working again?

praxis111

@praxis111

Actually, I think the error that's causing the frontend blank page is because I recompiled the css. I read that this could be because of something wrong with the custom css file, however, I emptied the file and still the error and blank front page.

Frontend works when I turnoff the Gantry plugin, btw.

dmleeman

@dmleeman

@praxis111 A 'whitepage' sounds like a PHP error, do you have access to the php error log? The location of this file can vary depending on your server setup - but it should be called something like php_errors.log and may be in your server tmp folder.

I don't work with WP so I cannot hep with plugins but I have experienced a similar issue related to cache, an string to array construction and serialized XML on one particular Joomla site build; this led to a 'whitepage'.
If Wordpress has built in Debug/Error Reporting then see if you can generate a report. If this results in a Crikey! then that output may well point the way.

dmleeman

@dmleeman

@praxis111 Also, check your browser console on the problem page for javascript errors

Ghost

@ghost~5f003548d73408ce4fe8ac84

Good morning. I added a hyperlink into text in a particle in the custom HTML section. On my front end the link shows but you can't click on it. Any ideas why?

James

@muffindcc

@mahagr does markdown extra work in Joomla Gantry5? I see a lot of references to it in the code, but can’t get it to work

Ghost

@ghost~5f003548d73408ce4fe8ac84

Please help me with getting my menu to show on mobile devices?

EMatthee

@EMatthee

How do you make the logo smaller on mobile devices?

James

@muffindcc

@EMatthee should be able to control that in the SCSS, such as:

@include breakpoint(mobile-only) {
 #g-logo {
  max-width: 100px;
 }
}

Obviously depends on the ID/Class of the element you are using

EMatthee

@EMatthee

@muffindcc thanks. I can't get it right. The issue is that my logo overlaps the slider. Please have a look at http://adjutrix.co.za and compare mobile and desktop versions?

Matias Griese

@mahagr

@muffindcc i don't think i included it as it's pretty buggy

atul99999

@atul99999

Hi guys....

I am having problem changing logo in helium template

Can someone help me

1 reply

EMatthee

@EMatthee

@atul99999 are you using Joomla/wordpress?

dmleeman

@dmleeman

@atul99999 @EMatthee
Hi guys, these issues are easily solved if you know some CSS or willing to learn some. Gantry5 is (thankfully) not the type of drag and drop editor you see with SP Pagebuilder, Quix, JD Builder or similar so there are some parts that require some front end coding.
I agree that the position of the off canvas glyph can be a pain in the mobile view but the power of the mega menu given the lightweight clean code output is worth this tiny bit of pain IMHO

See the post from @muffindcc and get to know the built in media queries here: http://docs.gantry.org/gantry5/tutorials/media-queries

EMatthee

@EMatthee

@dmleeman @muffindcc Thank you! Got it all sorted!

dmleeman

@dmleeman

@EMatthee Great news :)

Labaris

@Labaris

Hi, thanks for the great work developing Gantry! I'm using Helium on Grav and can't find a way to make the navigation not transparent in the homepage. Any help? Thanks!

Alexis Priddy

@yellowwebmonkey

@Labaris , check if you have a page class set on the Outline -> Page Settings

Labaris

@Labaris

@Labaris , check if you have a page class set on the Outline -> Page Settings

Thanks!

David Jakob

@coolman01

Hi again - is it possible to have a particle only visible for registered user? If so, how do I do that?

Labaris

@Labaris

Hi again. The image above shows the footer in Helium. The three blocks have different heights. I want to vertically align the content in all of them. Already searched in the individual css classes and tried margin:0; and height:100%; with no results. Thanks!

Alexis Priddy

@yellowwebmonkey

@coolman01 , in Joomla that is possible by creating the particle in module manager

@Labaris , you can do that with flexbox to align-items: center;

if you share the url, I can give you the specifics

David Jakob

@coolman01

@yellowwebmonkey - of course! Why didn't I think of that. Thank you so much. Regards, David

TimoB1

@TimoB1

Hi, i need some help with gantry5: i have to insert the code for usercentrics, but can´t insert the code into <head></head> i don´t find the right .php file
I also have to change the code for google analytics. i see it in the sourcecode, in the <head></head>

Alexis Priddy

@yellowwebmonkey

@TimoB1 , go to the Base Outline and go to Page Settings. There is a place there to add code to the head. The Google Analytics in down with the Atoms

TimoB1

@TimoB1

@yellowwebmonkey , thx.
I've already tried that. after saving I can not find the code on the start page (source code)
For google analytics I have to add additional code.

Alexis Priddy

@yellowwebmonkey

@TimoB1 , go to the outline for that specific page and make sure it is inheriting from the base outline

@TimoB1 , for google analytics you can copy the files for the analytics atoms and put in the custom/particles/ folder with your changes

Alexis Priddy

@yellowwebmonkey

@TimoB1 , what CMS? Joomla analytics files are in /media/gantry5/engines/nucleus/particles

TimoB1

@TimoB1

sorry. yes joomla.

TimoB1

@TimoB1

@yellowwebmonkey , thank you agin.
inherit is set. The problem is that for google analytics and google tag manager the old settings are already in the code and i want to change them. I enter my code under page settings / custom code. it doesn't change anything

Alexis Priddy

@yellowwebmonkey

@TimoB1 , I am not sure I am following. You might check that there isn't another instance of the Google code loading in a plugin or module

TimoB1

@TimoB1

@yellowwebmonkey
there was a plugin for analytics and one for tag managers. but both were uninstalled a long time ago. where is the code deposited? Unfortunately I don't find anything ...

Alexis Priddy

@yellowwebmonkey

@TimoB1 for my previous comment, I was saying to download analytics.yaml and analytics.html.twig, and upload your copies to templates/TEMPLATE_NAME/custom/particles and modify they as you see fit. That should override it

TimoB1

@TimoB1

so far so good. I have to change <script> to <script type = "text / plain" data-usercentrics = "Google Analytics"

Idea: in analytics.html.twig I then make 'script' new 'script type = "text / plain" data-usercentrics = "Google Analytics"'
lets try ...

TimoB1

@TimoB1

@yellowwebmonkey , unfortunately that doesn't change anything. The old code remains

TimoB1

@TimoB1

@yellowwebmonkey , but now I know where to look. thank you for your help for now, i have to go now.

Labaris

@Labaris

@Labaris , you can do that with flexbox to align-items: center;

Worked great, thanks!

Joe Stanley

@joestanley_twitter

Silly question, I am updating a theme in Gantry 5. I just dont see how to publish my changes?

Where communities thrive

People

Repo info

Activity