How to Display Specific Category Tab as a Default on Page Load?

On page load, you might have observed that the default “All” tab is displayed. You can change this tab with a Default Tab on Page Load option.

The setting can be found under Grid / Masonry tab.

Set toggle to Custom and enter a category name that you want to set as a default tab. That means the category name that you will enter will display as the active tab on the page load.

Elementor Gallery

Note: Make sure you enter the exact same name for the category set for the image. Refer How to Set Categories for Images? 

Here is an example of how it works –

  • Consider some of the images are assigned a category Design.
  • And you wish to display Design category tab active on page load.
  • Set toggle to Custom. Then enter a Default Tab as Design ( make sure the name is exactly same as the category name set for the images )
  • Now on the page load, Design tab will be displayed as an active tab, and images that are assigned a category Design will display under it.

Note: If you want to display “All” tab as a Default Tab, leave the toggle to FIRST.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Get access to growing library of 40+ innovative widgets and 300+ creative templates.

Scroll to Top