Hi there,
I’ve been searching the forums for 2 days now and trying everything I can think of to make this work.
My client wants the header to be the logo on the left and then the social icons and and phone info on the right.
They don’t like the top bar.
All the css I’ve found on here makes it look ok on a computer screen, but as soon as you resize to a smaller screen everything just ends up on top of each other instead of stacking it like it should when responsive.
How can I accomplish this?
Hey acbrent25!
Thank you for using Enfold.
Remove all css modifications then go to Enfold > Header > Extra Elements then set the Header Social Icons settings to “Display in main header area”.
Best regards,
Ismael
Thank you!
But what about the phone info? Could I insert text underneath or beside the social icons? And have it be responsive? It’s really the only other thing I need with this theme. Everything else is awesome!
Thank you
Hey!
Can you please post the link to your website? I think we can provide you custom CSS code once we see your site :)
Best regards,
Yigit
Sweet thanks! It’s on a subdomain where I am designing it…
http://linkstest.standupjournal.com/
Basically, i just need a text section in the header that I can style and when the screen is resized it wont conflict with the other elements.
Thank you,
Hey!
Refer to this link on how to insert custom widget in the header area: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
You can replace the filter with this one to insert the widget in the main header container instead:
add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
echo dynamic_sidebar( 'header' );
}
Best regards,
Ismael