Logo Issues Please Help !important :) - Support | Kriesi.at

Tagged: logo, size, sizing

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

Author

Posts
March 13, 2014 at 6:22 pm #237091

Vicken
Participant

I am not sure why but I am following the Enfold Logo directions: Logo Dimension: 340px * 156px
I added it but it looked smaller so I checked the dimensions in the Chrome tools and it shows the size smaller than I put in, does anyone know why?

How come it wont show as Logo Dimension: 340px * 156px they way I put it in? This is very frustrating, nothing seems to override this.

Please help!!

March 13, 2014 at 6:30 pm #237095

Yigit
Keymaster

Hi VickenVartanian!

Can you post the link to your website so we can take a look? Logo image can be resized depending on the header type you are using

Regards,
Yigit

March 13, 2014 at 6:51 pm #237117

Vicken
Participant

Sure you can see the sub domain we are creating it on @ http://www.test.handbagmanufacturing.com

Please not we understand the header size can allow for the logo to be bigger or smaller, but we don’t want to have use a larger header to achieve a larger logo.

The logo we are using is: 254 × 35
Therefore it is smaller than the recommended size given: 340px * 156px

Also,
Please notice it is stretching when it is in Mobile layout under 768px, why is this happening?

Please help :)

March 13, 2014 at 6:57 pm #237118
Yigit
Keymaster
Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab
```
.logo img { padding: 0; }
div .logo { margin-top: 25px; }
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }}
@media only screen and (max-width: 480px) {
#advanced_menu_toggle, #advanced_menu_hide {
right: -35px; }}
```
Regards,
Yigit
March 13, 2014 at 7:07 pm #237126

Vicken
Participant

Ok so it seems that the logo size is now correct, however did you resize your browser to see the logo on mobile beneath 768px?

The logo is stretching now, why is this happening?

March 13, 2014 at 7:09 pm #237127
Yigit
Keymaster
Hi!

Do you have following custom CSS code in Quick CSS
```
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 80px !important;
max-height: 80px !important;
}}
```
!important rules on that code are causing the issue.

Regards,
Yigit
March 13, 2014 at 7:35 pm #237140

Vicken
Participant

Thank you so much, your help has been Excellent to say the least! :)

May God bless you!

V-
Author

Posts

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

The topic ‘Logo Issues Please Help !important :)’ is closed to new replies.