Sticky logo

Hi,

for below link:

http://www.samtradeinc.com

in mobile version i need to do 2 things please if we can:

1- can we make the menu icon right to the logo in the same line, just like the ipad version ? (i mean minimize the logo size and make the menu icon fits at the right in the same line)

2- can we make the main bar of the logo and the menu (in mobile and ipad) stick at the top just like the desktop version ?

i’m already adding below codes to adjust the logo in the child theme.

.site-logo {
max-width: 375px;
}

.site-branding {
padding: 10px 0px;
}
@media only screen and (max-width: 440px) {
.site-logo {
max-width: 100%;
}
}

Thanks
Bassem

Hello,

  1. You could add this and it should be like you want on iPhones:

@media only screen and (max-width: 320px) {
    .site-logo {
        max-width: 240px;
    }
    .menu-toggle {
        margin: 20px 0;
    }
}

  1. Nope. I mean we could, but it would cause issues in many phones. Safari can barely handle this kind of thing on desktop.