Logo Issue – Safari

This topic has 5 replies, 2 voices, and was last updated 7 years, 2 months ago by Raja CRN.

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

Author

Posts
September 25, 2017 at 11:53 pm #8394

orlando
Member

I am still trying to get some assistance regarding the size of the logo image when the site is viewed in Safari. Safari version Version 10.1 (10603.1.30.0.34) and others below that I have tested all have this issue. The logo is very small when viewed this way. The website for testing is http://www.orlandoanaya.net/vr/. I have sent screenshots and information regarding this issue to your support email address and am still waiting on a reply but was asked to post the problem here. No way to post a screenshot but I’m sure information will suffice as the issue is easy to duplicate.

September 26, 2017 at 10:12 pm #8404
Raja CRN
Keymaster
Hello,

Please Put the following code in the Additional CSS in customize and save.
```
.site-logo{
width:220px;
height:90px;

}

.navbar-brand a img{
max-height:initial!important;
}
```
September 30, 2017 at 12:55 am #8426

orlando
Member

Fixed it, however, now on all mobile devices logo is too big. Can you take a look please.

September 30, 2017 at 2:30 pm #8432
Raja CRN
Keymaster
Hello,

Add the following code in the Additional CSS to Get the Responsive logo size.
```
@media (max-width: 767px) {
.site-logo {
    width: 50%!important;
    height: 56px!important;
}
}
```
September 30, 2017 at 9:07 pm #8434

orlando
Member

This is not working properly. THis is everything in the additional css box.

/* Menu Padding Horizontal */

.main-navigation ul li a {
padding-right: 15px !important;
padding-left: 15px !important;
}

.breaking{

font-size:15px
}
.bfastmag-breaking-container a {

font-size:15px
}

.site-logo{
width:220px;
height:90px;

}

.navbar-brand a img{
max-height:initial!important;
}

@media (max-width: 767px)
.site-logo {
width: 50%!important;
height: 56px!important;
}

September 30, 2017 at 9:11 pm #8436

Raja CRN
Keymaster

Hello,

The Reply missed the braces.. The correct code is,

@media (max-width: 767px) {
.site-logo {
width: 50%!important;
height: 56px!important;
}
}
Author

Posts

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

Only Verified Customer of this Theme Can post reply to this Support Topic! .