How can I increase the logo size in Dawn theme?

Technical Q&A
1

hi I use these two codes to put the logo into the Center

@media (min-width: 990px){
.header{
display: flex;
}

.header .header__inline-menu{
display: none;
}

.header > *:nth-child(2) img{
max-width: 120px;
margin: 0 auto;
display: block;
}

@media (min-width: 990px){
.header{
display: flex;
}

.header .header__inline-menu{
display: none;
}

/* logo */
.header > *:nth-child(2){
order: 2;
width: 250%;

/* margin: 0 auto; */
}

.header > *:nth-child(2) img{
max-width: 120px;
margin: 0 auto;
display: block;
}

.header__heading-link{
display: table;
margin: 0 auto;

}

.header > *:nth-child(4){
order: 3;

}

header-drawer{
display: block !important;
}

@media (min-width: 990px){
.header__heading-link {padding-left: 10rem !important;}
}

and now i cannot make the logo bigger please help

2 Likes
2

@certifiedstarz

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

sorry to replying so late https://certifiedstarz.myshopify.com/ the password is baimed

1 Like
4

@certifiedstarz

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.header__heading-link {padding: 0.75rem !important;}
5

no it did not work

6

@certifiedstarz

oh sorry but i can see its work

7

no I just made the header spacing bigger

8

@certifiedstarz

can you please confirm this look!

KetanKumar_0-1657476575310.png
KetanKumar_0-1657476575310.png1920×1080 238 KB

1 Like
9

that’s so weird it still the same on my screen

Capture4.JPG
Capture4.JPG1919×1048 108 KB

1 Like
10

@certifiedstarz

oh sorry 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.
.header > *:nth-child(2) img {
    max-width: 250px;
}
1 Like
11

thx so much it works now

1 Like
12

@certifiedstarz

its my pleasure to help us

1 Like
13

one more thing if you can do you know how to take the hamburger menu off

1 Like
14

@certifiedstarz

can you please check theme customization header section setting

1 Like
15

yeah it’s still the same Burger icon

1 Like
16

@certifiedstarz

if you have change header look may be change can you check theme default option

https://themes.shopify.com/themes/dawn/styles/default/preview

1 Like
17

@KetanKumar

I change the header using these two codes but I don’t like the burger menu icon

@media (min-width: 990px){
.header{
display: flex;
}

.header .header__inline-menu{
display: none;
}

.header > *:nth-child(2) img{
max-width: 120px;
margin: 0 auto;
display: block;
}

@media (min-width: 990px){
.header{
display: flex;
}

.header .header__inline-menu{
display: none;
}

/* logo */
.header > *:nth-child(2){
order: 2;
width: 250%;

/* margin: 0 auto; */
}

.header > *:nth-child(2) img{
max-width: 120px;
margin: 0 auto;
display: block;
}

.header__heading-link{
display: table;
margin: 0 auto;

}

.header > *:nth-child(4){
order: 3;

}

header-drawer{
display: block !important;
}

@media (min-width: 990px){
.header__heading-link {padding-left: 10rem !important;}
}

1 Like
18

@certifiedstarz

may be setting on theme setting or header section

1 Like
19

no it’s not there I’m just leave the menu like that

20

@KetanKumar ?