How can I make a webpage full screen on larger devices?

Store Design
1

I want to make this section full screen on the bigger screen devices. Like This

ECC1_0-1629095372167.png
ECC1_0-1629095372167.png1917×907 308 KB

https://mpdmobileparts.com/

Please help me.

2 
.container {
    padding: 0px;
    max-width: inherit;
}
.header__inner {
    padding: 10px;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

hello @ECC1

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 729px){
.header .container ,.nav-bar .container  {
    max-width: 100%;
    padding: 0 10px;
}
}
1 Like