Header Logo on Mobile not working (v2.4.5) - Support | Kriesi.at

Tagged: header, logo

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

Author

Posts
March 13, 2014 at 12:23 pm #236845

thyon
Participant

I have an installation where the header logo is displaying fine in desktop, and shrinks correctly on scroll, but when I use a mobile screen size then the logo gets placed at the correct width but it “hides” behind the NAV menu?

Desktop Render:

Mobile Render:

March 13, 2014 at 12:24 pm #236846

Yigit
Keymaster

Hi thyon!

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

Cheers!
Yigit

March 13, 2014 at 1:40 pm #236902

thyon
Participant

http://www.plantcafe.co.za/home/
sorry I thought I had the blocking plugin on, but it’s open for now (it’s not live yet).

March 13, 2014 at 1:45 pm #236904
Yigit
Keymaster
Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab
```
@media only screen and (max-width: 480px) {
.responsive #header_main .container {
height: 160px !important;
}
.logo, .logo a { 
height: 116px!important; }
}
```
Best regards,
Yigit
March 13, 2014 at 2:01 pm #236914

thyon
Participant

Your suggestion works. I’ve added it into a max-width of 767, because that’s when it starts.

Any ideas about why the logo still shrinks when you scroll on mobile layout? I thought it was only for when you have a locking top header?

March 13, 2014 at 2:18 pm #236918
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 767px) {
.logo, .logo a, .logo img {
max-height: 116px !important; }}
```
Best regards,
Yigit
March 13, 2014 at 2:21 pm #236921

thyon
Participant

Puuurfect! Thanks so much.
Author

Posts

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

The topic ‘Header Logo on Mobile not working (v2.4.5)’ is closed to new replies.