Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 90
  • Last Modified:

Header image for WordPress Not Responsive

I am having trouble getting the header for my WordPress site to be responsive.

http://www.domgarofalo.com/bjj/

Right now, I just have it set to disappear, but I would like it to shrink with the
window size.

Please help. Thank you.
0
dgarofalo
Asked:
dgarofalo
  • 3
  • 2
1 Solution
 
Steven HarrisPresidentCommented:
This expert suggested creating a Gigs project.
This will be depend on your installed theme, or plugin that is being used. Can you give some more details on how you are trying to accomplish this? What steps are you taking? Can you provide any screenshots?
0
 
dgarofaloAuthor Commented:
The only thing I have done is make the header disappear. I have not used a plugin or anything like that.
0
 
chilternPCCommented:
I would remove the  style code that you have that makes it disappear

section.logo-box {
    margin-left: -9999px;
}

Open in new window


and change the following styles in style.css

currently it is:
section.logo-box {
    float: left;
    width: 67.25%;
    margin-top: 0.5em;
}

Open in new window


change it to:

section.logo-box {
    float: left;
    width: 100%;
    margin-top: 0.5em;
}

Open in new window



and change

#title {
    width: 1100px;
}

Open in new window


to:

#title {
    width: 100%;
}

Open in new window


then you need to redesign your header image to be at least 1100px wide as the current image is only 556px wide
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
chilternPCCommented:
you'll also have to adjust all the margins etc... in the media queries to get ride of the white space
0
 
chilternPCCommented:
to do this without messing with the theme,
 install a plugin called "simply custom CSS"

which is here : https://en-gb.wordpress.org/plugins/simple-custom-css/
then under appearance you get a "custom css"

then add the changes to the styles   in this bit.

otherwise if its a bought them you may lose your changes when you get updates.
0
 
dgarofaloAuthor Commented:
Thank you, worked great!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now