How can I alter mobile header size to match desktop on Refresh Theme?

Store Design
1

I cannot change the size of my header. On desktop looks fine but when I go onto my mobile the header is too small and shop button too big.

Is there anyway I can make it look similar to Desktop version?

Tried editing section-image-banner.css but did not work for me, not sure why.

Website : bandsyco.com using Refresh Theme

2

Hi @Bandsy .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file base.css

.banner__buttons{
position: relative;
bottom: 90px;
}

Hope this helps.

Best Regards;

Pagefly

3

@Bandsy

oh but i can see unnecessary code below header if you have added please remove

4

Thanks for your reply guys

@PageFly-Victor I tried the above code .banner__buttons{
position: relative;
bottom: 90px;
}

but it doesn’t work. @KetanKumar can you please tell me which line is it on? so I can remove it?