How to Get Horizontal Layout on Smaller Screens for EA Advanced Tabs?

How to Get Horizontal Layout on Smaller Screens for EA Advanced Tabs?

By default, the layout shows ‘Vertically’ for Advanced Tabs when it’s viewed on mobile or tab screens. However, you can add this following custom CSS to change the Advanced Tabs layout to Horizontal for smaller screens:

 @media only screen and (max-width: 992px) {
.eael-advance-tabs .eael-tabs-nav > ul {
flex-wrap: nowrap;
overflow: scroll;
}
.eael-advance-tabs .eael-tabs-nav > ul li {
flex: 1 1 auto;
}
}

How Can I Get Elementor Section ID?

How Can I Get Elementor Section ID?

To find the ID of a particular Section, click on the ‘Edit Section’ option. 

Elementor Section

Then head over to the ‘Advanced’ tab of that particular Section. You will find the Section ID inside the ‘CSS ID’ field.

Elementor Section

How can I import/export Elementor Templates?

How can I import/export my Elementor Templates?

Go to the Elementor page and click on the ‘Add Template’ option from the ‘Drag widget here’ section. Switch to the ‘My Templates’ tab to find all the templates you have saved so far. You can ‘Insert’ or ‘Export’ your Elementor templates from there.

Elementor Template

For further information, check out this blog to learn how you can Import or Export Elementor Templates.

How to Save a Elementor Template?

How to Save a Elementor Template?

Choose the section you want to save as a template and then, right-click on the ‘: : :’ to edit that Section. Then, pick the ‘Save as Template’ option. Enter a Template name and save it.

Elementor Template

How to Roll Back to a Previous Version of Essential Addons for Elementor?

How to Roll Back to a Previous Version of Essential Addons for Elementor?

To switch back to a previous version of Essential Addons, make sure to delete the current version of the Plugin from your website. Afterward, go to the bottom of this page and download your preferred version from the ‘Previous Versions’ section. Then, upload it on your website and install & activate it.

Please note that, it’s not recommended to switch back to an older version. Because some of the works you have done with the new version might get lost if you take this action. If you run into any trouble, feel free to contact our dedicated and super friendly Support Team to help you out.

How to Apply Custom CSS to My Elements?

Custom CSS

How to Apply Custom CSS to My Elements?

If you are using Elementor Pro on your website, simply just edit the widget you want to customize and then switch to the ‘Advanced’ tab. Then, you can simply write or paste the CSS code. You will see the changes made in real time.

Custom CSS

Besides, you can also add custom css from your Theme’s CSS Editor option. Navigate to your WordPress Dashboard -> Appearance -> Customize. Then search for ‘Additional CSS’ option and you will be able to add your own CSS code there.

Custom CSS

You can also use third party CSS plugins to easily add custom design to your website.

How to Check for Plugin Conflicts on My Website?

How to Check for Plugin Conflicts on My Website?

You can check for Plugin conflicts by deactivating all the third-party plugins one by one except for Elementor and Essential Addons. Simply go to your WordPress Dashboard and navigate to wp-admin -> Plugins and then, deactivate other Plugins.

How to Enable / Disable Elements in Essential Addons to Reduce Server Requests?

Essential Addons for Elementor

How to Enable / Disable Elements in Essential Addons to Reduce Server Requests?

To improve the performance of your website, you can disable the elements which you are not using. You can do this by navigating to your WordPress Dashboard -> Elementor -> Essential Addons -> Elements. Then simply just disable the elements you are not using. Make sure to click on ‘Save Settings’ after you are done.

Essential Addons for Elementor