Brooklyn move logo to the left on homepage only

Solved
Tourist
3 1 0
Hi, can someone help me with CSS codes to move my logo on Brooklyn theme? I need the logo on the home page to be on the left next to the burger icon and logo to stay in the center for every other page. Thanks
0 Likes

Success.

Hey, can you share the URL ?

Available for hiring. Inbox me lixonic[at]gmail[dot]com
0 Likes
Tourist
3 1 0
Thanks Lixon, you're awesome
0 Likes

Success.

Tourist
3 1 0
Thanks Lixon, you're awesome!

paste this code at the very bottom of your theme.scss.liquid


@media (max-width:768px){
body:not(.template-index) .site-header__logo{
display: table;
padding-left: 5%;

}
}


Cheers,

Lixon Louis
0 Likes
New Member
1 0 2

I would like to have exactly the same feature please ; I pasted your piece of code at the very end of ' theme.scss.liquid ' and yet the logo stays at the same spot for every page, including the homepage. 

Thanks by advance for your kind help.

2 Likes
New Member
2 0 0

It also doesn't work for me....please any advice.

 

I try to move logo just for mobile version on Brooklyn theme on the left next to the "hamburger menu"

Desktop version is fine.

 

Any advice ??

0 Likes
New Member
2 0 0

Workaround for someone is to hide mobile logo image with this code:

 

Add some CSS to the end of your CSS file (timber.scss.css).

@media screen and (max-width: 768px) {
    .site-header__logo {
        display:none
    }
}

 

It helps me...until someone find solution for mobile logo alignment

 

 


Regards 

0 Likes