Problem with header design and wide bare

[PAUL8]

Hello, 

I did add some code to my shopify store to add fonctionnalities, but it created problems with my header style because all the elements are now at the limit of the header, when they should be ore centred as usual on a shopify store. And I moreover have a wide scrolling barre, that should not be here. maybe my shopify store is zoomed? I'm lost because I can't figure out how to fix the problem. if somebody can help me ??
I use dawn theme, my website is womber.fr and the password is PROPAGANDAAA.

Thanks !!

  

[KetanKumar]

@PAUL8 oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

body {overflow-x: hidden !important;}

[PAUL8]

Thanks for your response, this did work for the wide scrolling bar, but it didn't resize the website as it should be, maybe you can try to scroll on the website and see why I have a problem, you can see it for example here where all texte are on the side of the website: Can you help me with this bad issue ??
Thanks!!

[CodingFifty]

Hi @PAUL8,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

html, body {
  overflow-x: hidden !important;
}

[PAUL8]

Thanks for your response, this did work for the wide scrolling bar, but it didn't resize the website as it should be, maybe you can try to scroll on the website and see why I have a problem, you can see it for example here where all texte are on the side of the website: Can you help me with this bad issue ??

Thanks!!

 

[KetanKumar]

@PAUL8 yes please just adding padding at your section 

[PageFly-Richard]

Hi @PAUL8 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
body {overflow-x: hidden !important;}

footer > div {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 5rem !important;
}

</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[PAUL8]

Hello, I don't know why it's not working, because I tried to place it above my </head> opening and it's not working, and also abov the end one.
Can you help me ?