Mobile site is showing on desktop

Mobile site is showing on desktop

nghhbbtd
Tourist
16 0 1

Hello, 

 

My site is showing the mobile site on some laptop screens/small desktop. How do I reduce the parameter for when the mobile site switches please?

 

Note that this just started happening since adding code:

 

<style>

a.logolink {

    margin: 0 !important;

}

</style>  

 

To remove the padding on header

 

Any help appreciated?

 

 

 

Replies 4 (4)

suyash1
Shopify Partner
9989 1240 1578

@nghhbbtd - can you please share your website link?

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
nghhbbtd
Tourist
16 0 1

@suyash1 Hi, 

 

Yes sure, 

 

www.thebirdfoodwarehouse.co.uk

 

PW- mortaw

 

suyash1
Shopify Partner
9989 1240 1578

@nghhbbtd - hi, when device size is less than 1068px, your site turns header into mobile header,  to change this you will need many changes to your header css and if needed then code

 

are you familiar with css changes and coding? 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
nghhbbtd
Tourist
16 0 1

@suyash1  Thanks for coming back to me

 

Yes, I'm familiar with making changes however in this instance, it is not clear where the chnage needs to be made as the CSS doesn't mention a change at specific size