Site not mobile friendly

Hi. Do you have any suggestions to make this site nplus1bicycles.com mobile-friendly?
At the moment it appears as one narrow column and is only readable if the phone is oriented horizontally.

Thanks

Hi,

That’s because you have bicycle icon on your page.
Here is to fix it by moving the icon to the center of the page:

@media only screen and (max-width: 1024px){
	div#pgc-220-0-0 .roll-icon-list .icon {
		float: none;
		margin: auto;
	}
}

Put the code in above into Customize > additional CSS

Regards,
Awan

Thank you very much Awan, it looks better but the header title still does not show in full. Is there a way to adapt it to a mobile screen?

Cheers
Francesca

Hi Francesca,

Did you mean the title of the header image? If yes, then you can resize the text using this CSS code:

@media only screen and (max-width: 768px){
  .text-slider h2.maintitle {
    font-size: 50px !important;
  }
}

The code in above is only working on mobile screen only.

Regards,
Awan

Perfect, thank you very much
Fran

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail
Mail
priva di virus. www.avast.com
https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail
<#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>