-
Posts
-
Hi. Hope you can help me figure this out.
Enfold options says “Logo Dimension: 340px * 156px (if your logo is larger you might need to modify style.css to align it perfectly)” I am using a larger logo. Unfortunately there is no code in your Enfold style.css! I am using a child theme and have not modified the logo or it’s container code there. I’ve tried finding the proper code in developer tools but I’m not having any luck.
The logo seems to be hard coded to “img height=’100′ width=’300′ ” somewhere (not in css)! Where do I find this and modify it? Also it seems your grid and layout code has !important everywhere and I cant update my child.
The way it displays now the logo is too small on desktop, reduces at 1024, reduces more at 768, is larger and no longer centered at 640/480 and distorted at 320!
I appreciate your help!
Hey!
Thank you for using the theme!
I checked the website and the logo looks fine. If you want to show the full resolution of the logo, you need to increase the height of the header container. Add this on Quick CSS or custom.css:
.html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a { height: 160px; line-height: 160px; }You can find all css codes on wp-content/themes/enfold/css folder.
Cheers!
IsmaelThanks Ismael. I did modify some of the code in my child theme after posting my support request. Still needs some tweaking for how it works on all devices. It’s the responsiveness that causes issues.
However, I still can’t find where are all this code originates. There are 7(!) CSS files in that folder! And where is the “img height=’100′ width=’300′ ” coded in the HTML? In a PHP function? It’s in container / .logo / a href / img
Hey!
Thank you for the update.
You can find the function that generates the logo on framework > php > function-set-avia-frontend.php. Look for the avia_logo function. You can find the height and width attribute there. You can copy the whole avia_logo function on your child theme’s functions.php or if you want to get fancy, use the logo filter hook.
$logo = apply_filters('avf_logo_final_output', $logo, $use_image, $headline_type, $sub, $alt, $link);I hope it helps you.
Cheers!
Ismael
- You must be logged in to reply to this topic.