- This topic has 4 replies, 2 voices, and was last updated 7 years ago by
.
Viewing 5 posts - 1 through 5 (of 5 total)
-
Posts
-
<p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px;">I'm seeing an issue with the logo dimensions on my site, instinctivecognition.com, as the window resides and the site layout responds. If I narrow the browser window to about 990px wide and the header layout changes, the logo deforms--it becomes too narrow (or, put another way, too tall). If I keep making the window narrower, the logo's proportions will eventually correct itself and continue getting smaller with the proper proportions as expected.</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px;">Will setting a max-width in css work in case as well?</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px;">You can see the distorted logo in this screenshot:</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px;">https://www.dropbox.com/s/n2nech3b5sc56uw/Screen%20Shot%202017-05-02%20at%208.08.18%20AM.png?dl=0</p>Also, I do have the Logo, Mobile Logo, and Alternative logo set in the WPLMS settings > Header panel.Go to wp-admin->appearance->customiser->add custom CSS-> add these lines and save. img#header_mobile_logo {min-width:150px !Important;min-height:40px !important;} @media screen and (max-width: 480px) {.topmenu img.avatar{display:none !important;} }
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Logo distortion with window resizing and responsive design’ is closed to new replies.