Making the FullWidth Header FullWidth in the Extra Theme


I’m testing out something simple as a first post on this website, and then I’m getting back to the tutorials and finishing with basic design here. As you might notice, I’m a fan of Elegant Theme’s Extra theme. I’m a fan of many themes, but sometimes you end up sticking with something — in my case it’s Divi and Extra though I’ve used many other themes in the past. But you might notice that even when you don’t even choose the “boxed” layout in Extra…it’s boxed. The fullwidth header isn’t even fullwidth. But if you want to make the Extra theme fullwidth, here’s how to do it.

This post may have affiliate links. This means that if you click a link that is an affiliate link and make a subsequent purchase I may get a small commission at no additional cost to you that offsets the costs of running this website.

Here’s the Snippet to Make the Extra Theme Fullwidth:

#main-content .container {     max-width: 100%!important; }
.container { width:100%; }

Where Do I Put It?

I’m coming back to edit this post after the weekend with photos and a video and further instructions. Right now, I’m just working on getting something up here. If you want to make your entire website fullwidth, put in it the theme customizer. On this website, I use it on an as-needed basis. Go to the gear icon at the bottom of the visual builder, then under “Advanced” settings, enter it into the custom CSS field. I’ve done this on the homepage and again in my theme builder header sections to get my headers to be fullwidth. I’ll be back soon with photos and videos…but I’m going to have a weekend now (even though I’m at home).

How much love or how many cups of hot coffee does this post deserve?

Click to rate it!

Average rating: 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you gave this post a good rating:

Follow us on social media!

We're sorry you didn't like this post.

Help us improve!

Tell us how we can improve this post.

Cheryl Dimof
Cheryl Dimof
Cheryl is a "retired" Occupational Therapist who loves writing and is a WordPress enthusiast. She used to be like Rapid Rabbit, but these days, her spirit animal is Zip the Sloth. She's looking forward to getting more active again, though, and likes cycling, kayaking, meditation, reading and writes/blogs a lot. In fact, she crazily writes several blogs: Pacific Northwest and Beyond, Caffeine Journal, and as she actually worked in geriatrics and is actually getting older herself, is writing a blog about that: Ancient & Awesome.

More from author

Related posts

Write Something!

If you have a WordPress or blogging tip to share, consider writing a short post here.

Latest posts

Adding Google Analytics to WordPress

Zip has installed an SEO plugin. So he probably wants to be able to find out how many visitors are actually coming to his website and what pages they are viewing. In this post, he'll install Google Analytics using a plugin so he can start viewing analytics data for his new website.

How to Use Yoast to Configure Your Post for SEO

Zip's added the Yoast SEO plugin to his blog. Let's look at how he can optimize a post (or page) for search engine optimization using the Yoast plugin as well as some things to keep in mind when using this helpful plugin.

Sloth Installs an SEO Plugin (Why You Should Use an SEO Plugin and How to Configure Yoast SEO)

Zip has completed basic design work on his blog. Next, he's going to move on to Search Engine Optimization. In this post, we briefly look at some of the plugins available to help with SEO, and install and configure the Yoast SEO plugin.

Keep Up on Our Latest Tips

Subscribe to our email newsletter, and you'll receive a weekly digest of new posts, and occasional newsletters or special offers. You can change your preferences or unsubscribe at any time you'd like.