Using wider logo size with Choices in responsive mode « Support Forum | Kriesi.at

Using wider logo size with Choices in responsive mode

2 posts from 2 voices

Tags:

theVR
Member

Using a logo about twice as wide as the demo size in the Choices theme. This works fine when the Responsive properties are turned off, but once you turn these on and re size the browser window, the logo begins to hide off the right side of the window. Where in the CSS do I need to edit to help the logo know to re size (shrink) with the browser window? Ideally I can have it stay on screen and drop in size at the respective window sizes but I cannot find in the CSS where this is set. (Possibly the logo never is set to re size in this particular theme, but Im certain it is possible with a line or 2 of code).

Thanks in Advance!

Posted 5 months ago #
Dude
Dude
You can use following css code - add it to css/custom.css and adjust the image/logo dimensions (and maybe the max-width value too):
```
@media only screen and (max-width: 767px) {
   .logo img, .logo a img, .logo a{
   width: 200px;
   height: 180px;
   }
}
```
Posted 5 months ago #