XF 2.1 Our logo shrinks really tiny in mobile viewports. How do we make it bigger?

tribedude

Active member
How can I control the size of our logo when someone visits our site from a phone?

Currently our logo shrinks to a really tiny size.

Ideally, we would like our logo larger in a phone viewport. How do we do this?

Thanks,
 

Attachments

  • increase header thickness and logo board.JPG
    increase header thickness and logo board.JPG
    71.4 KB · Views: 23

Ozzy47

Well-known member
This is what I have and it works well:

CSS:
// ########################### FULL SIZE LOGO ON MOBILE ########################
.p-nav-smallLogo {
    display: none !important;
}
.p-header-logo {
    max-width: none !important;
}
.has-js .p-header {
    display: block;
}
 

tribedude

Active member
This is what I have and it works well:

CSS:
// ########################### FULL SIZE LOGO ON MOBILE ########################
.p-nav-smallLogo {
    display: none !important;
}
.p-header-logo {
    max-width: none !important;
}
.has-js .p-header {
    display: block;
}

Where do we put this?
 
Top