• Resolved powerplay_vj

    (@powerplay_vj)


    i was working on a website where the logo is displayed and works fine on a full screen browser

    like this

    but when i reduce the browser size or use it on a mobile device the logo vanishes.

    like this

    how can i fix it to make the logo displayed on all devices at the top.

    the header.php have logo code as

    <img class=”im” src=”<?php echo get_template_directory_uri(); ?>/images/logo.png”>

    how to make the logo to auto adjust its size

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does the issue persist on the theme’s demo site?

    Thread Starter powerplay_vj

    (@powerplay_vj)

    yes it works perfect on window maximized but when I reduce the window size the css changes to mobile optimized version and the logo image vanishes. is there an option to reduce the image size automatically to browser size optimized version??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You haven’t told us which theme you’re using yet

    Thread Starter powerplay_vj

    (@powerplay_vj)

    it’s a customized version of twenty twelve

    Thread Starter powerplay_vj

    (@powerplay_vj)

    whenever the theme switch to mobile optimized version the logo just vanishes..

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you link a page with the issue?

    Thread Starter powerplay_vj

    (@powerplay_vj)

    thanks anyway…I figured it out myself

    used the below code to auto resize the image

    img {
    max-width: 100%;
    height: auto;
    }

    after removing display:none inside the

    im{
    display:none
    }

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

The topic ‘logo vanishes on mobile device’ is closed to new replies.