Logo is not adjusting according to media queries Responsive issue

  • Resolved kuhashmi

    (@kuhashmi)


    8 years, 9 months ago

    I have a very serious responsive issue with my website logo.
    I have build a website in WP and it is responsive website.
    Know when we view website in different devices it works perfectly but when logo is not adjusting according according to size .

    Here is the website URL: http://ve.com.pk/

    Any body has nay idea why it behaving like that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • mrtom414

    (@mrtom414)

    8 years, 9 months ago

    You used an image for your header. You need to make the image responsive. You can do this by adding the media queries to your custom css or child theme.

    example if you wanted to resize the image at 750px you would add the following rule.

    @media (max-width:750px) and (min-width:500px) {

    .header-logo{width:500px;height:auto;}

    }

    You would have to determine the break points for your header and add a media query to resize the image at each point.

    Thread Starter kuhashmi

    (@kuhashmi)

    8 years, 9 months ago

    hi guys i found the problem Here is the solution.

    This is fixed by giving the “.header-logo” a max-width:100%. This will resize the image accordingly as it scales down, instead of keeping its width throughout all sizes

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo is not adjusting according to media queries Responsive issue’ is closed to new replies.