The problem is the documentation for Gantry 5 in Grav is really meagre
Add a module. Please note that this will be a Joomla module. So create your chosen particles as Joomla Gantry 5 modules. These will then of course show up in your main menu, so you will need to setup the particle settings breakpoint to show in the mobile/tablet view only. Please let me know if you don't understand or if I have misunderstood what you are looking to achieve.
So,
1) Create a gantry 5 module in Joomla using Modules>New
2) Edit the particle in the new module, see if there are breakpoint options in the Particle.
3) If so choose the maximum breakpoint view (eg.mobile, tablet etc) in which the Particle will be visible
4) Save the module
5) Go to the Gantry5 Menu Manager
6) Drop the module that contains the particle into your menu
That should do it
Please help?
Joomla Helium Gantry 5 - problem trying to render modules in Articles that are sat within Accordion
Bit complicated this so I'll be clear on the set up
Modules rendered in articles in Joomla via JCE, this works fine but I need the Article set up inside Accordion Joomla from Joomlead. However, there is more and this is why I am posting here.
I have created module positions (using the Helium built in module position particle) and then created a Joomla G5 module and picked the Accordion Joomla particle. Full Articles are shown within the Accordion Joomla particle.
Problem is because of this layering the modules in the accordion articles no longer render and just show as {loadmoduleid xxx} where xxx is the module id
So, I need to manually add some code to prepare the content, but I don't know at which level this should be done.
The structure in short is like this
Layout > Module Position particle (standard gantry5 version) > Accordion Joomla (from Joomlead) > Joomla G5 Module > Modules
Looking around it seems that the statement I need to add is <?php echo JHtml::_('content.prepare', ''); ?> but this is a little beyond my Joomla knowledge. Do I add this to the Module Position, Accordion Joomla or G5 Module?
I have posted this to Joomlead too in case it is their particle that needs the code but the other two choices are part of Gantry 5 itself so was hoping someone here may know
I'm ok with creating overrides of particles and modules
Hi i need put a js just after <head> like this ´<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="//gotravelassistance.com/templates/purity_iii/js/typehead.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="https://sistema.aseguratuviaje.com/scripts/coti194.js"></script>
<script>$(document).ready(function () {createlanding("/6qKczHkW/eZj79bicoYT3VpZCTo0IUS9Lqzo8EjSqrMvtBpk1M8y6l8Wh1rNUIG",1,"","es-AR", 0);});</script>´
Add the Atom to your Base Outline
Open the Atom, there is an entry for CSS and another for JS, click the + sign next to JS. You should see the option to add a url. Add the first url remember to leave out the script and type tags as these are added for you.
Simply do this for each URI
You can order them using Load Priority field in the Atom settings
The last one that you have listed will need to be inline and there is a field specifically for this in the same Atom
@Hertak I would not recommend breaking the regular structure of the document head
<title>
<style>
<base>
<link>
<meta>
<script>
<noscript>
But, in order to achieve what you want as described above I think you may need to rewrite the head section itself. Is there a specific reason that you wish to do this? There is no obvious advantage as the head is processed before any markup hits the browser.
Files Install: Failed to find source folder: /home/denvygxk/john.denverdonate.com/tmp/install_5e2c8947d7afe/particles"
Found a solution for the sticky menu (there are many of course, including Atoms but used the UIKIT solution writing Tags Key and Values to Navigation section. BUT, using Joomla Helium I still cannot figure out how to stick the off-canvas toggle to the sticky header in mobile view.
Has anyone got a solution for this?
I have used every combination of the position property but still no joy.
Problem: navigation toggle glyph scrolls out of viewport and sticky header when scrolling down the document.
Symptom: scrolling up a little to view the header works, but no navigation toggle UNTIL the page is scrolled to the top.
I kind of see what is causing it as the mobile menu off canvas is coded to sit outside the navigation section at the mobile breakpoint so the position absolute 'fixes' it to the relative parent (which is now #g-page-surround).
What is the best method of moving this code to make it relative to the navigation section?
You do always need the off canvas section, but the same document shows you how and where to add it.
Odd that it is missing though.
custom.scss file. You need to create it. To learn how to do that please read this document.http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
https://www.ledcentral.co.uk/
I'm looking for a header/nav solution exactly like that. Notice how the toggle stay within the header and the header transforms with the logo.
If I can mimic this in gantry 5 I'll be happy :)
https://www.sailingschoolthailand.com/
Check out the site in mobile view, click the nav bar toggle and notice how the menu sits over the content, the main page is not 'pushed'.
Has anyone got a solution for this?
I looked over the uikit site docs in the off canvas section here https://getuikit.com/docs/offcanvas
check out slideout effect native to uikit
This is the slide effect I'm looking for when the menu is opened. The standard gantry approach moves the main content
(not running out of file space, but memory. I don't know how that's related, but clearing cache fixed it ...)