Brooklyn Theme: Alignment of header problem in Tablet view

Store Design
1

The header for my website is fine when viewed on mobile of on desktop, however the alignment is off when viewed on a tablet. I want logo centered and the stuff to the right of it on the right side of the screen. Below is how it currently is on a tablet.

Screenshot_20230206-125355.png
Screenshot_20230206-125355.png2400×1080 209 KB

2

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/timber.scss.css->paste below code at the bottom of the file:

@media screen and (min-width: 591px) {
.grid, .grid--rev, .grid--full, .grid-uniform {
   display: flex !important;
}
}

Hope my answer will help you

3

Thanks, that worked for it however now it took away the navigation menu bar for Desktop and replaced it with the hamburger menu. Any way to have the navigation menu bar on Desktop, while keeping it the same as it is for Mobile and Tablet currently?

Before code on Desktop

1.jpg
1.jpg1920×1080 193 KB

After code on Desktop

2.jpg
2.jpg1920×1080 185 KB

4

Hi @FliCityKulture ,

Sure about your question, I’d like to suggest this idea:

You can add the css code below at the bottom of the file theme.scss.css:

@media (min-width: 1025px) {
            .site-nav__item{
                display: inline-block !important
            }
            .site-header .grid--table {
        display: block !important
            }
        }

Hope my answer will help you

5

Thank you, that worked.