Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 26, 2018 at 9:40 am #947140
    Freek

    Hi,

    I changed my transparent header logo on homepage (yes I want it only on my homepage) with another logo (996×140). I used code below:

    add_filter('avf_header_setting_filter','avf_header_setting_filter_mod');
function avf_header_setting_filter_mod($header)
{
    if( is_page('36') ){
        $header['header_replacement_logo'] = "http://thekey.nl/wp-content/uploads/2018/04/headlogo.png";
    }
    return $header; 
}

    Now my logo is very small (see url in private content).

    How can I use a bigger size logo? Is it possible to add width parameters?
    THX Freek

    April 27, 2018 at 11:07 pm #948220
    Basilis

    Hey Freek,

    Can you please try the following CSS

    .logo { width: 500px !important; }

    And let us know if that would work?

    Best regards,
    Basilis

    April 30, 2018 at 9:11 am #948874
    Freek

    That worked. I changed the code to adapt screen size (tablet/mobile etc.)

    @media only screen and (min-width: 989px) {
 .logo { width: 500px !important; }
}}
@media only screen and (max-width: 988px) {
 .logo { width: 300px !important; }
}}

    THX Freek

    April 30, 2018 at 10:02 am #948933
    Vinay

    Hi,

    Glad it worked for you and thanks for sharing the solution here.

    Thank you for using Enfold.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘replace transparent header logo problem with size’ is closed to new replies.