Twenty Seventeen Theme Customisation
Twenty Seventeen is the default 4.7 WordPress theme for 2017. I am creating support for customisation. Subscribe for updates here.

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

Posted: December 27, 2016~ 446 Readers ~ 1 Minute Read Write A Comment >>


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

The default width main menu.

The main 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 width the menu full screen.

In WordPress Admin > Appearance > Edit CSS.

Enter the CSS code below.

  • The two lines of code create 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: