Logo ia small on mobile website for the horizon theme

Hi,

I’m using the Horizon theme and my logo is fine on the desktop, however, on the mobile site the logo is tiny.

see: luxefragrances.com.au

How can I fix the logo on the mobile website?

1 Like

Hi @hamdykp ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media (max-width: 768px){
.header-logo__image{
--header-logo-image-width: 195px !important;
    --header-logo-image-width-mobile: 119px !important;
    --header-logo-image-height: 92px !important;
    --header-logo-image-height-mobile: 65px !important;
}
}

Thanks!

1 Like

@websensepro THANK YOU! Worked perfectly!

1 Like