Twenty Seventeen Theme Customisation
Twenty Seventeen is the default 4.7 WordPress theme for 2017. Subscribe to and request customisations here.

How To Make The Menu Fit The Full Width Of The Screen In Twenty Seventeen

Updated: February 9, 2017 Posted: December 27, 2016~ 313 Readers ~ 1 Minute Read Write A Comment >>


The default Twenty Seventeen main navigation menu uses less than the full width of the screen and is the same width content area and sidebar, especially on a laptop or computer screen. The total width of the navigation menu can be made the full width of the screen.

The default width of the main navigation menu.

The main navigation menu made full width of the screen.

The full-width appearance should work throughout the site (e.g. single pages, single post & blog archives).

Where and how to make the menu width full screen:

This Customisation Is Free For Subscribers

Subscribe to immediately use this and other Twenty Seventeen theme customisations, and also receive future customisations by email.

Free customisation support is only avalable for a limited period. 

Your privacy is respected, and there is no spam.

In WordPress Admin > Appearance > Edit CSS.

Enter the CSS code below.

  • The two lines of code created the full-width effect for both mobile and computer screens.

The CSS code:


Click here to Post your comment, question, share, or answer related to the above post.


About Bharat Karavadra

I Help You To... >Transform Life Situations. >Grow Businesses Online. >Kickstart & Deliver Projects. >Create Vocation & Habitation.

Comment / Ask / Share / Answer Something...

Do NOT follow this link or you will be banned from the site!
%d bloggers like this: