How can I reduce mobile header icon sizes in Impulse Theme?

[Luxurymrkt]

Hi,

I want to make my icon sizes in mobile header smaller my site is https://luxurymrkt.com

[PageFly-Victor]

Hi @Luxurymrkt !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of theme.css under assets in theme code files;

@media screen and (max-width: 749px) {
.site-nav__link–icon .icon{
width: 20px!important;
height: 40px!important;
}
}

You can change px to 900 and 320 which works.

Like this;

Best Regards;

Pagefly

[Luxurymrkt]

@PageFly-Victor is the best!!

[Luxurymrkt]

Some reason tho it messed up the filter / sort button

[Luxurymrkt]

Filter sort seems to drop below header now

[PageFly-Victor]

Hi bro @Luxurymrkt it`s looking perfect on my device;

[PageFly-Victor]

Where do you want bro @Luxurymrkt

[Luxurymrkt]

No when you slide up the page on mobile the button half of it hides now

[Luxurymrkt]

[PageFly-Victor]

Bro @Luxurymrkt change height px according to you your issue will be resolved thanks.

[Luxurymrkt]

You are correct I changes height to 30 works perfect. Sorry I’m not good at coding. Thanks brother appreciate it