Divi 

WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Header went crazy on mobile after changing image

Discussion in 'Troubleshooting & How-To's' started by mistymistylynn, Jun 5, 2017.

  1. mistymistylynn

    New Member

    Joined:
    Jun 5, 2017
    Messages:
    1
    Likes Received:
    0
    Hi!
    I have been making small changes to a website that was previously developed by someone else. It runs on the wordpress 2012 theme but also has a child theme specific to this website. They asked me to change the header image the other day and everything went crazy. I uploaded the image directly through the FTP - as that's where the old image was (not through the media uploader).

    Now, it seems like the container or the image itself is not responsive to the mobile site. There are media view ports established in the css file. I don't understand how to make this image responsive as well. It seems everytime I tweek the code I throw everything else off. When I look at the image with developer tools on Chrome it gives me this information:

    Code:
    <div id="header" class="site">
      <header id="masthead" class="site-header" role="banner">
        <hgroup>
           <h1 class="site-title"><a href="MYWEBSITEURL" title="The Dermatology Clinic" rel="home"><img class="branding" alt="The Dermatology Clinic" src="MYWEBSITEURL/wp-content/themes/dermatology-clinic/images/slider3.png"></a></h1></hgroup>
    
                    <div class="clear"></div>
        
    I am new to all of this and very eager to learn, which is why I have spent two weeks trying to figure it out on my own.

    Anyone out there than can help me? The website is for TheDermatologyClinic.. If you want to look at what it's doing!
     
    #1

Share This Page