if not, I don't know yet how I will do it...
as already said
1 section, within 70% and 30% sub level and then build up everything within that
okay
hmmm will try that
just have one section something like the following
that's all you have no header nothing else
and simple place every particle within that. That is not that great and you probably will have to adjust CSS for that but that will at least work
You can also work with CSS tricks but that might be hacky
But maybe there is something build-in within Gantry but IDK TBH
I hope I have described it so that you understand how I mean this
Sorry for the misconception btw I guess there was a understanding problem on the terminology :-). But if it is now clear everything's good.
and at least you gave me an idea how to solve this
not the best solution but at least a way to overcome limitations of the framework
Your name was too German so I was curious :-D
I just like to be polite to everybody else
But actually you don't even need to create a sidebar within every section. You can simply shrink all except the first one to 70% (where you have 70% main + 30% sidebar). You have to handle mobile layout yourself in that case e.g. 100% width when reaching tablet or phone breaking point.
and work with
position: absolute. IDK what is the cleaner approach. It might be faster to simple add the CSS and leave everything within the layout 100%
and then hack via CSS and media queries a sidebar position in the layout
Question 1) I'm a bit confused as to how the first row of boxes is not displaying the same way as the third even though i'm calling the same classes. Question 2) What changes need to be made to have a text box with a second image box (like the "Find out More") repeat twice on the same row (in other words to not have a box without an image on a given row) Question 3) How do I go about swapping the image to the left of the text box like "find out more" but the opposite way around? Thanks ever so much. The link is https://www.garethbaileygroup.com/gbgnewwebsite34/index.php/en/about-the-group and the custom.scss is https://jsfiddle.net/j7ts3rb4/ - many thanks :)
@jasonjpeters Yes but please take your time and create an issue. Thanks in advance!
When you stumble over issues just let me know. I will then try to create a layout similar to the one you need by myself :-). So it would be easier to guide you in the right direction.
Changing the breakpoint for large and normal desktop is an option. But probably the best way might be to wrap the sidebar independently of the other breakpoints because 30% will be very small before reaching tablet size. Also it depends what content you want to have in your sidebar.
@douglasgough Hey AFAIK Gantry 5 is only ported to the three CMS WP, Joomla and Grav. I'm not aware of any inofficial port and probably no one has tried that before except @mahagr who is owner of the project. I think @mahagr would really appreciate another port (I guess) e.g. in your case October CMS. He is also the person to get in touch with when getting in deep information about the framework and how it is abstracted from the specific CMS platforms!
You can also check the repository on Github, there are different folders for each CMS which contain platform specific implementations. I guess this is the first starting point for you.
@mahagr Are you able to provide any guidance on porting Gantry 5 to October CMS. I need some help getting started so I'm not spinning my wheels. I'm currently looking through the implementations for WP, Joomla and Grav.
having trouble with dropdown menus on WordPress with Hellium template. Would normally build in Joomla but client wanted WordPress. Managed to get them to use Gantry but falling at first hurdle.
Have created the menu in WordPress and set menu up with dropdown in Gnatry menu manager. But the dropdowns are not active. When I look at the code with inspector I see the menu is g-inactive. Where is this set and how can I make g-standards and then g-active on hover?
Have created the menu in WordPress and set menu up with dropdown in Gnatry menu manager. But the dropdowns are not active. When I look at the code with inspector I see the menu is g-inactive. Where is this set and how can I make g-standards and then g-active on hover?