How to quickly put restitution on my website

Asked

Viewed 413 times

-1

Hello,

I’m having a problem with my blog logo that after your update only it’s not getting responsive.

inserir a descrição da imagem aqui

I wonder what I should change in css. I could only find "logo" in the following codes:

inserir a descrição da imagem aqui

Thank you in advance.

html css bootstrap responsive-layout
  • 1

    Put the code in place of the image.

  • 2

    It’s confusing to analyze the code through the images, but in advance.. the images have the class img-responsive? For this is the bootstrap class for making images responsive.

  • Try putting the width of your logo at 100%. Or make a different logo and use media query to show this other on mobile. http://www.w3schools.com/css/css_rwd_mediaqueries.asp

  • 1

    It is recommended that you use the tools intended to post code instead of print. Because it helps the people who will test and adjust your code.

1 answer

1

You can use boostrap’s "img-Responsive" class(Documentation) in the image element of your banner.

Ex: 

<img src="teste.jpg" class="img-responsive" />

But it is important to remember that this will decrease the image proportionally to the space intended for it. In your case, it will probably become unreadable. A better solution requires you to create an alternate image for smaller resolutions, or "break" that banner into small images so they can appear underneath each other.

Browser other questions tagged html css bootstrap responsive-layout

You are not signed in. Login or sign up in order to post.