Move Logo in left from middle near menu icon in mobile version (Dawn Theme)

Store Design
, ,
1

Hello

How to move Logo in left near menu icon in mobile version (Dawn Theme) in header.

2

Hello, @Jayesh-Agarwal
Please share “Store URL”
Thanks!

3

www.jagstore.in

4

Hello, @Jayesh-Agarwal
Go to the Online Store >>> Customize >>>
Then You can set logo from this

image.png
image.png308Ă—285 10.8 KB

Thanks!

5

That is making changes in only desktop version. I want in mobile version.

6 
@media (max-width: 768px){
.header__heading, .header__heading-link {
    margin-left: -24px !important;
}
}
7

Thanks. But it is only moving in homepage. How to make it default in all the pages?

8 
@media (max-width: 768px){
.header__heading-logo {
    height: auto;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
}
9

Hello

The position is different in homepage and other pages. In both it should be same left side…

10

Hello @Jayesh-Agarwal ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media (max-width: 767px) {
    .header .header__heading-link  {
        margin-left: -30px;
    }
}
11 
@media (max-width: 768px) {
    .header__heading, .header__heading-link {
        text-align: center !important;
        justify-self: start !important;
        margin-left: -30px !important;
    }
}