Avada Theme CSS Tricks

How to make the logo appear to hang beneath the main menu bar in Avada Theme

You can have a logo drop beneath the menu bar to give it some depth by adding following custom css.

Theme options -> custom css

.fusion-logo {
    margin-top: -5px !important;
    margin-right: 0px;
    margin-bottom: -42px !important;
    margin-left: 0px;
}

Click “Save all changes”, clear your browser cache and see difference on front-end.

You can adjust the margin settings to achieve the desired look.

3 thoughts on “How to make the logo appear to hang beneath the main menu bar in Avada Theme”

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.