Header Element

Hi,

Do you have an example of exactly what you need, so we have a visual reference and idea of what it takes to accomplish.

Best regards,
Jordan Shannon

Hi,

No problem, would something like this work for you? http://kriesi.at/themes/enfold-creative-studio/

Best regards,
Jordan Shannon

Hi,

Sure, that can all be accomplished via css.

Best regards,
Jordan Shannon

Hi,

Are you looking to begin a new site or is this for your current one you have been working on?

Best regards,
Jordan Shannon

Hi,

Go to Enfold Options > Header > Header Layout > Display of Menu Items > Display as Icon. That should get the initial menu set up for you.

Best regards,
Jordan Shannon

Hi,

Please provide admin info so I can log in and look into this further.

Best regards,
Jordan Shannon

Hi,

I followed the same steps I posted for you above and received the exact desired effect: https://snag.gy/HLCiUu.jpg.

The text size will have to be adjusted via css as well the icon size. So, you may have to go through and remove some pre-existing css that could be effecting the styling.

Best regards,
Jordan Shannon

Hi,

Add the following to quick css to adjust the icon size.

.av-hamburger-box{
width:20px!important;
}

.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active .av-hamburger-inner::after{
    bottom: 0px!important;
}

.av-hamburger-inner::after {
    bottom: -5px!important;
}

.av-hamburger-inner::before {
    top: -5px!important;
}

Best regards,
Jordan Shannon

Hi,

No problem at all. Once you configure the text css, that should be about it. I will keep this thread open for additional questions on this specific topic.

Best regards,
Jordan Shannon