Support/Polestar Theme/full width header

[Resolved] full width header

Tagged: 

  • Author
    Posts
  • March 29, 2021 at 8:43 am #15531

    drosselbarto
    Participant

    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

    March 29, 2021 at 10:29 am #15532

    Andrew Misplon
    Keymaster

    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;
}
    March 29, 2021 at 11:39 am #15533

    drosselbarto
    Participant

    WOW thank you so much for the help. It worked 🙂

    March 29, 2021 at 2:13 pm #15534

    Andrew Misplon
    Keymaster

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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top