Good day to all. It is necessary to stretch the menu to the full width of the screen, how can this be done? A friend said that the layout is a curve, and you need to change the wrapper with the content. But I would like to know in more detail. Since I was picking. But nothing happened. Thank you in advance for your response. enter image description here Site itself

  • I recommend to give an example code here. So I can offer a bike to vskidku, add #navigation styles width: 107.5%; margin-left: -4%; width: 107.5%; margin-left: -4%; . - Dmitriy Kondratiuk
  • @Dmitriy Kondratiuk Code of what? Link to the site is present - tweeker

2 answers 2

Try this.

 /* убери отступы всей страницы */ body { padding: 0; } /* добавляй только там где нужно */ .headerInfo, .content { padding: 0, 20px; } 
 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример страницы</title> </head> <body> <header> <div class="headerInfo"> <!--Твое изображение с текстом--> </div> <nav> <!--Навигация--> </nav> </header> <div class="content"> <!--Контент сайта--> </div> </body> </html>

  • Thanks for the answer. Already found a crutch, thank you for your help) - tweeker

Found the answer. Crutch but still. Add style.css code

 #navigation { width: calc(100% - (-99px)); margin-left: -50px; }

and in layout.css on line 75 change it

 @media only screen and (min-width: 768px){ ul.nav li { padding-left: 3%; } }

on this

 @media only screen and (min-width: 768px){ ul.nav li { padding-left: 50px; } }

I hope someone will help.