Avada Theme Tips & Snippets

If you wish to hide full_width shortcode background images on mobile devices, please use this custom CSS. Copy and paste it into the CSS field in Theme Options or if it’s specific to a single page you can add it in the code section of the containder ( </> Blue bar) . @media only screen

If you want to have a menu item font stand out, such as larger font, try this css snippet. #menu-item-386 span{ font-size: 20px !important; } Of course, just change out the menu item # to match the one you want to edit.  You can also change the color, etc. As always you want to add

Say you are building a landing page and you don’t want the full menu. It’s easy to set an alternate menu in the header for under Avada Page Options, but what about the Sticky Header? With a little snippet of css, you can easily disable that on a per page basis. Visit the page where you’d

An Avada website client wanted to have a couple of buttons in their Top Nav with matching dropdown menus.   Out of the box, Avada doesn’t have an option for per item menu colors like that.   But with a little CSS, this is acheivable. When viewing the page source, you can find the unique menu item

To set a custom permalink structure for portfolio posts, go to the “portfolio” tab in theme options and enter your custom slug in the “Portfolio Slug” field. Just make sure its not the same name as your portfolio. So if your portfolio page is called “portfolio”, your slug could be “portfolio-items”. Once you insert the

While I am a huge Avada theme supporter and use it on most of my projects, there are some websites that we just aren’t ready to activate it. Here’s the easy fix so the temptation to click that button is no longer an option. This is placed in your functions.php file in your child theme.

If you are looking to make a sales page or just hide the sticky header on a single page for whatever reason, here’s how. You’ll want to add your CSS code snippet just to the single page  in the black bar  here –  http://prntscr.com/rhd5qm .fusion-is-sticky { display: none;} Thank should do it!