I am using the awesome polestar theme and want to use a “full width header”
The navigation links including header image are boxed by div.site-header-inner
how do I widen this container, so the navigation becomes full width?
Also I’d like to add social media icons, e.g. font awesome, how do I add those natively (by using SiteOrigin page builder) rather than by adding plugins?
Thanks
Alex
Hi Alex
Thanks for reaching out. You can find a Custom CSS snippet here for a full-width header. Instructions for where to insert Custom CSS snippets can be found at the top of that page.
You can add a widget area to the end of the navigation using https://wordpress.org/plugins/wp-widget-in-navigation/. See instructions for usage on the plugin page. You can add the following to Appearance > Custom CSS or Customize > Additional CSS to improve the alignment of the widget area:
.site-navigation .widget-area {
float: none;
}WOW thank you so much for the help. It worked 🙂
Sure, no problem, glad to hear you’re making progress.