How can I adjust the page width in Dawn?

Store Design
, ,
1

Hi Guys,

Im having trouble adapting my screen width on dawn.

I want the icons in the header and text in the footer to go wider than 1200px default as well as the page content.

www.materialclothing.co.uk

password - dahbre

many thanks guys.

2

Hi @ryanmaterial ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Customize theme

Step 2: Click here to edit page-width:

PageFlyRichard_0-1676650483013.png
PageFlyRichard_0-1676650483013.png377×562 13.6 KB

PageFlyRichard_1-1676650515592.png
PageFlyRichard_1-1676650515592.png418×602 13.6 KB

I hope it would help you
Best regards,

Richard | PageFly

3

hi @PageFly-Richard

Unfortunately this doesn’t work. It is currently set to 1600 but not giving me a full width page. I’m trying some bits of coding on base.css that i have found online, so hopefully this should work.

1 Like
4

Hi @ryanmaterial ,

If it doesn’t work for you, then you can try this solution, paste below code at the bottom base.css file:

.page-width,
.page-width-desktop {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

I hope it would help you
Best regards,

Richard | PageFly

5

@PageFly-Richard

Thank you very much sir! This was great advice and worked straight away!!

6

How would you do just the header and footer wider?