Header menu aligment (dawn theme)

Store Design
, , ,
1

Hey, how you doing
I would like o align the menu buttons all the way to ther borders rigth now it looks like this:

indahood_0-1719412610586.png
indahood_0-1719412610586.png1886×900 116 KB

I would like it to look like this:

indahood_1-1719412678648.png
indahood_1-1719412678648.png2834×1162 227 KB

this the link: https://www.proteicodamansao.com.br/

2

@indahood - please add this css to the very end of your base.css file and check

@media screen and (min-width: 990px) {
.header{width: 100%; max-width: 100%;}
}
3

Hi @indahood

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header–middle-center {

margin: 0 !important;

max-width: 100%;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Appreciate you, it worked just fine

5
  • Here is the solution for you @indahood
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.header.header--middle-center {
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1719413621888.png
BSSTekLabs_0-1719413621888.png1889×902 121 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.