-
AuthorPosts
-
July 24, 2019 at 9:33 am #1121427
Hi,
I have a logo image with size 1038px * 285px.
Header style is logo center – menu below.
I am setting my header’s height to 285px.
But the logo is displayed smaller (515 x 141 pixels).
I was forced to add the below css in order to make the logo displayed correctly:
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 1038px;
}But why isn’t the logo being displayed on its actual size?
The website is under maintenance mode. But if you login through the backend you should be able to see it.
Thank you
Thank you
July 24, 2019 at 5:07 pm #1121626Hi mike.rav,
Thanks for giving us admin access.
It’s not showing the actual size because of the height and width attribute is set to 300 x 100 (this was meant for better page speed ranking).
To change this go to (via ftp or cpanel) wp-content > themes > enfold > includes folder and copy helper-main-menu.php.
Then go to your child theme and create a folder and call it includes, go inside the newly created folder and paste helper-main-menu.php.
Edit the file and find this code (should be in line 132):$output .= avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'span', true);
replace it with:
$output .= avia_logo(AVIA_BASE_URL."images/layout/logo.png", $addition, "span", "height='285' width='1038'");
Hope this helps.
Best regards,
NikkoJuly 25, 2019 at 8:11 am #1121832Hi,
Thanks for the reply. I did as you instructed.
But the image size is still not the original one. The strange thing is that when i inspect the area, it is shown the correct dimensions that i ‘ve set in helper-main-menu.php.
Please see image below:
Thank you
July 26, 2019 at 7:31 am #1122099Hi mike.rav,
I have inspected it again and I don’t get the same results as you do.
Mine however (using same settings and logo you have) does show up in 854 x 234px without any css code.
Maybe it’s because the relationship between absolute positioning and sizes, usually you’ll need to define it’s width and height, if not defined it takes the width and height of elements inside it, the latter may produce different results I guess, I could not find any good reason/explanation with it.
Also when I unchecked the width you set in your css it reduces the size a bit (probably few pixels) but if you uncheck 0 from the left value (turns to 50%) the logo is greatly reduced which is not the result I was expecting.
I’m puzzled as well in this, I think the css code you put is necessary to make sure the size is consistent.Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.