Mobile logo is overlapping my video on dawn theme

Store Design
, , ,
1

I’ve attached a photo for what it looks like right now, it just doesn’t look right with the overlapping logo on the menu header

https://imgur.com/goB8ayw

2

Hi, @harpalsingh420 .

Please send me your store URL and password.

3

Sent you a message

4

Hi, @harpalsingh420 .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

@media only screen and (max-width: 767px) {
.header-wrapper .header {
    margin-top: -9px;
}

.header__heading-logo {
    max-width: 55%;
}

.auto-video-sub-section h2.banner__heading.inline-richtext.h0 {
    font-size: 18px !important;
    line-height: 13px;
}

.banner__text.rte.body p {
    font-size: 10px !important;
    line-height: 12px;
}

a.button.button--secondary {
    font-size: 10px;
}

.auto-video-sub-section {
    top: 60%;
}

}

Result:

websensepro_0-1688996536855.png
websensepro_0-1688996536855.png374×230 86.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

5

Where should I placed this code, in the bottom?

6

Goto online store > edite code > search base.css file > and paste the code in the bottom.

websensepro_0-1688997115904.png
websensepro_0-1688997115904.png1365×623 39.6 KB

7

Did exactly that it did not work, since I have changed other things in the code would that be affecting this?

8

summary.headermenu-item.list-menuitem.link.focus-inset

{ font-size: 17px !important;

}

a.headermenu-item.headermenu-item.list-menuitem.link.link–text.focus-inset { font-size: 17px !important:

}

@media screen and (min-width: 990px) {

.headersubmenu .headermenu-item

{ color: #black !important; }

}

@media screen and (max-width: 768px){ .site-headerlogo img

{ max-height: 100px; }

}

I have this code at the bottom that I added and could it be conflicting with this

9

check your dm.