[Resolved] full width header

  • Author
  • #15531


    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?



    Andrew Misplon

    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 🙂


    Andrew Misplon

    Sure, no problem, glad to hear you’re making progress.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top