Title: full width doesn’t work – solve with css
Last modified: August 6, 2021

---

# full width doesn’t work – solve with css

 *  [pp11](https://wordpress.org/support/users/pp11/)
 * (@pp11)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/full-width-doesnt-work-solve-with-css/)
 * Hi Together
 * I’m doing a wp site with genesis framework and a studiopress theme. Unfortunately
   by the frontpage the full width content doesn’t work when i set it. Other pages
   works.. however, i will try to do the the first / front page to the full width
   size with css.
 * Does anyone know how what the best practise is to solve that? plugin an with !
   important overwrite or direct in the theme editor / additional css?
 * kind regards patric
    -  This topic was modified 4 years, 10 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
      Reason: Moved to Fixing WordPress, this is not an Developing with WordPress
      topic

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Dave](https://wordpress.org/support/users/dvaer/)
 * (@dvaer)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/full-width-doesnt-work-solve-with-css/#post-14744082)
 * Hey Patric,
 * Would you be able to share a link to your frontpage so we can take a look?
 *  [LitExtension_Lucas](https://wordpress.org/support/users/lucaslitextension/)
 * (@lucaslitextension)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/full-width-doesnt-work-solve-with-css/#post-14744231)
 * Hi [@pp11](https://wordpress.org/support/users/pp11/),
 * There are 2 ways to fix this issue:
 * The First Way:
 * Remove width: 100vw; from #topnav and .topnav.
 * The Second Way:
 * Your navbar was fine and worked correctly. But some element’s were wrong. When
   you use vw for width, you should be careful. Your total width of all elements
   must be maximum of 100%. I mean total width is “width + left + right”. You should
   check and recalculate for total width for every width.
 * Here is the solution:
 *     ```
           .main-header{
                 min-width: 95%;
           }
           .form{
                 width:95%;
           }
       ```
   
 * Let me know if my answer can help you resolve your issue.
    -  This reply was modified 4 years, 10 months ago by [LitExtension_Lucas](https://wordpress.org/support/users/lucaslitextension/).
    -  This reply was modified 4 years, 10 months ago by [LitExtension_Lucas](https://wordpress.org/support/users/lucaslitextension/).
 *  Thread Starter [pp11](https://wordpress.org/support/users/pp11/)
 * (@pp11)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/full-width-doesnt-work-solve-with-css/#post-14752121)
 * Hi there
 * First of all – thank you very much for the quick answer!
 * [@dvaer](https://wordpress.org/support/users/dvaer/) i’m not, sorry..
 * [@lucaslitextension](https://wordpress.org/support/users/lucaslitextension/) 
   where should i place the code / do you know where i should take a look for that?
   
   i’m new with wp – i don’t see the theme code in the theme editor – i have a parent
   and a child theme. i don’t see where i can edit html and css for a site, is that
   normal?
 * kind regards
    patric

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘full width doesn’t work – solve with css’ is closed to new replies.

## Tags

 * [banner](https://wordpress.org/support/topic-tag/banner/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [full-width](https://wordpress.org/support/topic-tag/full-width/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [pp11](https://wordpress.org/support/users/pp11/)
 * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/full-width-doesnt-work-solve-with-css/#post-14752121)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics