It could be folder permissions if it is only the logo that causes the problem.
"The next step is to install all of the JS module dependencies. To do so, make sure you are at the root of the Gantry 5 project, and run the command npm install."
there is a css declaration:
@media only all and (max-width: 59.99rem) and (min-width: 51rem)
.g-container {
width: 51rem;
}
i think this should be width:100% - but everything i tried does not override this :(
@kvenekamp
Hi, changing PHP versions won't affect the underlying Gantry5 (you can rely on the information from @mahagr being correct) but there are things to watch, especially in localhost (is it XAMPP, Laragon etc.?):
Do you know which PHP libraries are being loaded into the PHP installation? This can affect performance, your PHP 7.4 installation may not call in opcache, or may call in older suboptimal sqli libraries - these are just examples.
Also, changing templates to test out is a good start, but, of course, Particles will not load in on that template , and it is unlikely that any of your modules are loading in unless you have first positioned them to show in the Breeze Template positions. So, if your Gantry Home Page is loaded with Atoms and Particles which seem to slow it down, then the Breeze template will seem to laod much faster if it is not calling in any Particles or Modules.
You may have extensions running in your Joomla site that are not yet fully PHP7.4 compatible.
There are a many possible reasons for the apparent slowdown (localhost is generally slower than a true web server) but it is not at all likely to be Gantry5/PHP7.4 combo
This metric has been largely unnoticed until fairly recently and wondered if anyone had a technique to help reduce the CLS score.
I mainly use Joomla but this metric probably affects Wordpress users too. Is it related to box and page container sizing?
- Which pagebuilder is most compatible with gantry when particles are no longer enough?
- Is there a plan to create a mobile web extension? When I prepare a gantry template, I see everything as if on a big monitor. But how can I work a mobile template if I can't display it?
[G5] [WP] I found a quite simple way to create blocks for the new WordPress editor (Gutenberg) + the Advanced Custom Fields plugin. Using the Timber ACF WP Blocks library.
It's just creating twig templates, with no more code. We save all the PHP part to connect with ACF. And I think it's a great option if we support this. However I can't make it work in Gantry. Timber is integrated in Gantry and I understand that it should work, however the installation is done through Composer and I don't master it enough. Any guidance?
PS: If Gantry supported this feature in the core it would be great!
@marvays
1) Probably Quix - they appear to have some support of Gantry5
2) Built into Chrome browser - open your site in Chrome, press F12 (for Developer view) and use the mobile icon at the bottom left of your screen (you can mouse drag the console to suit your needs). It will help with a high percentage of the mobile and tablet screen sizes.
Strongly recommend getting to know your web browser tools, they are invaluable. Of course, CSS and Javascript knowledge will help enormously.
@kamaleshdubey There's an inline
margin: 30px 0px 0px;on your a.btn btn-warning.waves-effect.waves-light-50 element that's causing it to push below the menu item region. If you disable that, the items are vertically aligned. You'll need to apply that padding to all items somehow if you're trying to line it up with the logo on the right.
Thank you @thekenshow_twitter . Much appreciated.
I'm building two sites. One for a clean installation of the Helium template and the other for a purchased Theme: Phoenix template from Rocket. Theme: Phoenix has a lot more particles. Can I add more particles somewhere than in the basic installation? When there are more particles, I won't need any content page builder :)
@marvays
There are two main repositories for commercial Particles - Joomlead and InspireThemes. Take care as they each use a slightly different version of the UIKIT library (JL is v3.x and I think IT still runs v2.x) BUT so far I have managed to run both on the same site with no major issues.
There are also other developers that have made Particles and Themes, eg. Phoca Cart (for Joomla) and I think there is one for ACY Mailing by 'En toutes lettres' - https://www.demo-gantry5.en-toutes-lettres.fr/en/particles-en/acymailing-en
Here is a link that @yellowwebmonkey posted some time ago, that you may also find useful. It looks as though @N8Solutions now hosts it (ty @N8Solutions :thumbsup: )
https://www.n8solutions.host/gantry-particles
You may be tempted to throw the whole bunch into your custom folder - but, again, just watch out for the UIKIT Atom version.
I am set in page setings in Helium template > after body: <script src="https://kit.fontawesome.com/240786167c.js" crossorigin="anonymous"></script> and in menu link like https://www.joomla51.com/tutorials/template-extras/adding-a-font-awesome-icon-to-a-menu-item but not work. Test page here: https://he.richta.eu/ - Link above the logo