Brooklyn theme: burger icon shows on mobile but not tablet

Store Design
1

Hello, here is a screenshot on my tablet. There is supposed to be a burger icon on the top left and my logo is supposed to be centered, but it is showing my navigation bar instead and my logo on the top left. Is there any way I can display the burger icon in the top left? My burger icon shows up on my phone, but not my tablet which is weird. Thanks! My Url is https://shoplineagejewelry.com/ and my password is ‘beckew’

image_123986672 (2).JPG
image_123986672 (2).JPG1668×2224 415 KB

2

@adthai

its theme default code as per you menu change its but now as per code menu’s proper

3

Ok, I think I will leave it like this.

Is there a way to fix this padding on iPhone between collection title and header? The iPhone has a big white space, but the tablet is perfect.

IMG_9607.jpg
IMG_9607.jpg1242×2688 129 KB

image_123986672 (3).JPG
image_123986672 (3).JPG1668×2224 171 KB

4

@adthai

yes i have give your that code your first post

5

Hi @adthai ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 768px){
	div#CollectionSection {
		margin-top: 0px !important;
	}
	div#CollectionSection header.section-header{
		margin-top: 0px !important;
	}
}

Hope it helps!