Site logo

Archived topic

How to get this Header on Mobile?

5 replies · Started by Matthias on October 5, 2021

Viewing posts 1–6 of 6

Hello,

i have build this Header for my Desktop Version https://prnt.sc/1uwe1mz how can i made it on Mobile?

The Menu toggle should be on the left site and the cart icon on the right side.

Hi there,

can you share a link to your site so i can take a look?

Try this CSS:

#mobile-header.has-menu-bar-items .mobile-header-logo {
    margin: unset;
    width: auto;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
#mobile-header .inside-navigation {
    flex-direction: row-reverse ;
}

Thats good but how can i make the logo bigger?

This archived topic is closed to new replies.