Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 108 total)
  • Author
    Posts
  • Jetxpert-Envato
    Participant
    Post count: 149

    @joepiano,

    Thank you, amigo. Much appreciated. This solved a long-term bug for us.

    Let’s hope Theme-Fusion’s developers will look into this and provide a fix soon.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    @bw,

    Thanks for the input. Perhaps my inquiry was not clear.

    I also use the Code Snippets plugin for the same reason(s) you do. However, all that I need is the Avada file path (file location) that either triggers or stores the CSS Custom code we enter into the theme.

    The file path where Avada’s theme CSS codes are stored are located in the following folder/path:

    wp-content/themes/Avada/assets/css

    I need to know which file in that folder stores the Custom CSS. I see a bunch of files, but none labeled “custom.css” or similar. Click here for details.

    Jetxpert-Envato
    Participant
    Post count: 149

    @burt,

    The Mitsubishi example was shared to simply demonstrate how much real estate a header can take up on the screen. It does not have any “hide-on-scroll” functions incorporated.

    Cheers!

    PS: Eighty (80) plugins? Wow, no wonder your website is slow! Can’t imagine why so many. I would like to recommend @marklchaves to help you reduce the number of plugins you’re using while maintaining your website’s functionality and help you speed up your website. He’s your go-to guy! Worth every penny. Here’s your quick link for assistance.

    Jetxpert-Envato
    Participant
    Post count: 149

    @burt,

    The beauty of hiding the sticky header when scrolling down (content flowing up) is to increase the amount of web page info the viewer can see at a glance. For example, if someone is reading a blog or an article, they won’t have to scroll the page as much – plus – the screen looks cleaner, nicer.

    We currently use @marklchaves’ plugin, Hide and Seek Header, for this purpose and it works like a charm for us.

    Click below for three (3) good comparisons.

    Omnia Aerospace, LLC (incorporates the Hide and Seek Header plugin)
    Mitsubishi Aircraft Corporation (does not incorporate the noted feature)
    Department of Defense (incorporates the feature with custom code)

    See the difference?

    Please stay safe. Cheers!

    PS: We are using Avada 7.01 with no issues. Go ahead, be brave, install it! Ha.

    Jetxpert-Envato
    Participant
    Post count: 149

    @michael_c,

    I like your plan!

    Avada is a great theme and we’re fortunate that Theme-Fusion provides free updates for life.

    In all honesty, however, it’s time to stop adding features to the theme and make it, instead, more efficient and faster.

    I would bet you a pint (or two) that 80-90% of Avada users would prefer to wait 3-6 months for another major theme update as long as it promises to be faster and raise both mobile and desktop PageSpeed scores to between 85-95 (clean, without the use of third-party plugins, custom code, or a CDN).

    Trim the fat, remove the dead branches, kill the weeds, and add some adrenaline to your great product.

    Thank you!

    Jetxpert-Envato
    Participant
    Post count: 149

    @Stuart_Brown,

    Have you searched the web? If not, click below for options.

    Option 1
    Option 2

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    @Margie_G,

    Please allow me to jump in.

    The jQuery issue (ongoing) lies with WordPress, not Avada.

    Click here for more details and status.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    @alexander,

    Your issue can be solved with a caching plugin. Have you tried Fast Velocity Minify, Autoptimize, or WP Rocket?

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    @mpr1980,

    Please allow me to jump in.

    I agree with Ammar. You may also want to consider paying for a security plugin for extra protection and monitoring. In our case, we use both iThemes Security Pro and Cloudflare Pro. Combined, you will be protected from all angles.

    If your budget doesn’t allow it, iThemes Security (free plugin) and Cloudflare (free) still offer great protection.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    Solution:

    (1) This is not an Avada issue, it’s a WordPress issue. Click here for more details.

    (2) You can offload (disable) scripts and styles that you don’t need using one of the following methods:

    (a) Perfmatters (plugin). We use it and works wonders. If you decide to purchase and use it (worth every penny, by the way), be patient. At first, it looks a little intimidating but once you read the documentation (and test the plugin), you’ll actually enjoy using it. No, I’m not affiliated with Perfmatters.

    (b) Follow paths given below to toggle on/off what you need or don’t.

    —-> WP Dashboard > Avada > Theme Options > Advanced > Theme Features

    —-> WP Dashboard > Fusion Builder > Settings > Fusion Builder Elements

    (c) Deregister elements as explained here.

    Don’t mean to sound rude but, next time, recommend doing a bit of research in this forum and WordPress’ beforehand. Lots of great info and solutions out there!

    Best wishes!

    Jetxpert-Envato
    Participant
    Post count: 149

    Errata:

    The code provided in Step (3) above should be:

    jQuery(document).ready(function () {jQuery('#mymodal').modal('show')});

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    Success!

    Problem solved. In short, here’s what we did to trigger a modal on all of our website pages using a banner containing a button.

    (Note: The modals do not pop up automatically, something that’s quite annoying)

    (1) Installed and activated the plugin, WPFront Notification Bar.

    (2) Followed instructions (settings) provided by the plugin to set up our banner with a button.

    (3) Inserted code below in the designated “Execute JavaScript” box provided in the plugin settings.

    jQuery(document).ready(function () {jQuery('#<strong>mymodal</strong>').modal('show')});

    (Note: mymodal is the name and ID entered in the designated Avada modal element fields, You can change mymodal to whatever name you like.)

    (4) Placed our modal inside a container and saved it as Global (i.e., a global container)

    (5) Added the saved global container to the bottom of each page of our website.

    (Note: After adding the global container to your page(s), preview your pages to make sure nothing displays.)

    (6) Customized the position and appearance of our modal using CSS code.

    (7) Cleared all cache (local and global).

    (8) Tested all pages to make sure everything works.

    Special Notes:

    (1) If using a cache plugin such as Optimizer or WP Rocket, do not defer JavaScript. Otherwise, when you click the button (to trigger the modal) it will not work or break the appearance of the modal.

    (2) If the modal button action is not working (or partially working), make sure you haven’t blocked any scripts or styles in the back-end that are associated with the modal contents (i.e., gravity forms, Avada modal elements, jquery, etc.).

    (3) If using a CDN such as Cloudflare, make sure it’s in Development Mode (or turned off) while performing the above steps.

    Jetxpert-Envato
    Participant
    Post count: 149

    @marklchaves,

    Thanks for the information! Useful, indeed.

    If you don’t mind, allow me to share a word of caution about using Global elements. While the benefit of a global element is being able to edit them in one place, please be careful. When deleting them from your saved elements repository, you also delete them from your entire website (not just from the repository).

    I learned this the hard way.

    Cheers!

    Jetxpert-Envato
    Participant
    Post count: 149

    Update:

    Well, got it to work using the JS code provided below. Unfortunately, the code only triggers the modal of the page it’s installed on. In other words (in our case), it only opens the modal on the homepage.

    jQuery(document).ready(function () {jQuery('#ask_expert').modal('show')});

    As previously suspected, jQuery had to be called first before the button action could work.

    Based on the above, I inserted the modal element “ask_expert” on all other affected pages but it didn’t work. So, I guess I need a JS code that will trigger a modal located on another page.

    Research continues. Almost there 🙂

    Jetxpert-Envato
    Participant
    Post count: 149

    Hi Mark,

    Thank you so much. Unfortunately, the code you provided did not work.

    Modal ID confirmed first (click here), inserted your code in the “JavaSCript” box provided by the WPFront Notification Bar plugin (click here), refreshed cache, clicked on the button, and … nada.

    I examined the banner button element to see if it adopted your code but, apparently, it didn’t like it (click here).

    Can you think of any reason why the above didn’t work? In any case, we have reached out to the plugin developer to find out if there’s an issue with it not accepting JQuery commands. Perhaps his plugin doesn’t load the proper JQuery library?

    Thank you! (will reach out to you offline next week)

Viewing 15 posts - 1 through 15 (of 108 total)