logo too big for smaller screens - Support | Kriesi.at

Tagged: header, logo, responsive

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
April 1, 2014 at 11:47 am #245923

jramerman
Participant

Hi
I changed the logo size to 1130px to get it the way I want (setting Responsive Layout Default max width 1030px). I don’t have a clue why I need a logo sized to 1130px, but that is the only way I get it centered and aligned well). On my desktop screen this is ok, but on my tablet the logo is offcourse too wide/big. Please help me on what to add to get it fixed properly for smaller screens as well.

I added in Quick CSS
.logo, .logo img {
max-width: 1130px !important;
width: 1130px !important;
height: auto !important;
max-height: none !important;
}
.logo img{
position: relative;
top: -20px;
left: 60px;
}

Thanks,
Jolanda

April 1, 2014 at 11:48 am #245924

Yigit
Keymaster

Hey Jolanda!

Can you post the link to your website so we can take a look?

Best regards,
Yigit

April 1, 2014 at 11:48 am #245925

jramerman
Participant

This reply has been marked as private.

April 1, 2014 at 12:07 pm #245939
Yigit
Keymaster
Hi!

Please try removing
```
max-width: 1130px !important;
width: 1130px !important;
```
from your custom CSS code. Can you send a mock up and show how you would like logo to look? Maybe we can provide another solution

Regards,
Yigit
April 1, 2014 at 1:00 pm #245975

jramerman
Participant

This reply has been marked as private.

April 1, 2014 at 1:03 pm #245978

jramerman
Participant

This reply has been marked as private.

April 1, 2014 at 2:23 pm #246020

jramerman
Participant

This reply has been marked as private.

April 2, 2014 at 3:05 pm #246557
Yigit
Keymaster
Hey!

Please add following code to Quick CSS
```
.logo img { left: 45px; }
@media only screen and (max-width: 990px) and (min-width: 768px) {
.logo img { top: 0; }}
```
Regards,
Yigit
April 2, 2014 at 5:22 pm #246622

jramerman
Participant

Hi Yigit,
thanks, not exactly the code, but it put me on the right track and I think I’ll managed now!
You can close this one now.
thanks again,
Jolanda
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘logo too big for smaller screens’ is closed to new replies.