One of the features of Avada that is not immediately intuitive is the ability to name a container. Doing so has two benefits — one that is immediate and one that is not so obvious. If you have ever worked on a complex page and didn’t know it was there, your layout can get to be very confusing, very fast.
How to rename a container
This is so easy, most people miss it. Just click on the word container, remove the word container and start typing.
The immediate benefit
The first and most beneficial aspect is the ease of navigation when editing a section. For a simple page, this may not matter, but on complex pages, it can be very helpful. This also makes it really easy to rearrange content.
The unseen benefit
If you are working on a page that uses multiple, full-height containers, the name becomes the navigation label. This is most beneficial on a desktop because of content constraints on mobile, but it can work on mobile too. What do I mean by navigation label? When you set the container to full height, you will be presented an option to “Enable 100% Height Scroll” which will turn on a navigation feature for moving through the pages. In order to know where you are at, the names of the containers are now used for navigation. This can be very useful for presentation-type content to allow your user to easily just from one section to another. The video below shows how this is used on the Post Cards page to make it easier to move from one style to the next.
I have struggled to find the time to write full tutorials or even longer posts, so I am adding a Quick Tips category. This is similar to the news shorts, but almost every article will include code or a quick tip (imagine that) about an Avada setting or quirk.