Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Pacific: How do I increase the logo size on the mobile display?


MushOn

Question

14 answers to this question

Recommended Posts

  • 7

This is the CSS you can target for controlling the logo on mobile:


@media only screen and (max-width: 768px) {
 #header #logoWrapper #logoImage img,
 #header #siteTitleWrapper #logoImage img {
   max-height: 50px;
   max-width: 100%;
   width: auto;
   height: auto;
 }
}

Adjust the “max-height” value as needed, and add this to your CSS Editor.

Edited by Jkizmann
Missing braces
Link to comment
  • 0

You can also adjust the alignment of the logo adding this code:


@media only screen and (max-width: 768px) {
 #header #logoWrapper #logoImage img,
 #header #siteTitleWrapper #logoImage img {
   max-height: 80px;
   max-width: 100%;
   width: auto;
   height: auto;
 }
 #header #logoWrapper, #header #siteTitleWrapper {
   text-align:left;
 }
}

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...