New page Title wrapper width modification in Dawn theme

Store Design
,
1

Hey there,

I have create a new page in Dawn Theme, and set a title for that page. Even though I have set it to the left position successfully but the wrapper is forbidding it to go more further to the left so it can be directly above the image.

Page title2increaseWrapperWidth.png
Page title2increaseWrapperWidth.png1431×228 8.2 KB

Could you please provide me with the necessary code or steps to do so.

Regards,

FT

2

@FDT

Could you please share your store url so i can check and give you suggetion ..!

3

Hello @FDT

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/base.css

  3. Paste add the code at the end of this file:

@media screen and (min-width: 750px){
    .page-width.page-width--narrow{
       max-width: var(--page-width);
       padding: 0 5rem;
    }
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
4

@infoatcodelab7 thank you for your prompt reply.

https://fillesdetanios-9130.myshopify.com/pages/a-propos

5

Hello @GemPages

I appreciate your prompt reply and solution.

It worked but now it has even changed position from the TOP also. All the space from the TOP has gone.

Page title2increaseWrapperWidth2.png
Page title2increaseWrapperWidth2.png1324×187 9.45 KB

I only need to shift it to the LEFT without any modification from the TOP.

Bests

FDT

6

@FDT

Please update the code again:

@media screen and (min-width: 750px){
    .page-width.page-width--narrow{
       max-width: var(--page-width);
       padding-left: 5rem;
       padding-right: 5rem;
    }
}
2 Likes
7

@GemPages

the below code

@media screen and (min-width: 750px){
.page-width.page-width–narrow{
max-width: var(–page-width);
padding-left: 5rem;
padding-right: 5rem;
}
worked perfectly.

I appreciate your prompt action and reply.

Bests

FDT

1 Like