Header image is perfect on desktop but too narrow on notebook

This topic has 15 replies, 2 voices, and was last updated 10 years, 7 months ago by Sakin.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
March 12, 2014 at 5:16 am #21201

Bouncedancer
Participant

How can this be — my desktop is a Vista, and the notebook I’m using is an HP Chrome?

March 12, 2014 at 9:01 am #21211

Sakin
Keymaster

@Bouncedancer: Sorry I don’t get it what you mean. Can you explain with your site URI and you can share screenshot.

March 16, 2014 at 5:30 am #21427

Bouncedancer
Participant

I have screenshots but can’t figure out how to display the links here from my computer (the img button above this asks for an URL, but I don’t know how that applies to images on my computer).

However, I haven’t published the blog yet — I could send you the sign-in info thru an email from a previous ticket, unless you want to start up a new ticket for this. In this email I can attach the 2 relevant images that show how the header fills the screen on my computer and laptop but has lots of space at each end on the Chromebook. I guess I should check how it would look on a smartphone.

Thank you for all your help.

March 16, 2014 at 10:40 am #21438

Sakin
Keymaster

@Bouncedancer: You can upload screenshot in any photo sharing site and paste the URL here. We use Pinterest for Screenshots http://www.pinterest.com/catchthemes/

March 18, 2014 at 4:04 am #21623

Bouncedancer
Participant

I sent u an email w/links to 2 screenshots, as well as sign-info for you to look into why the phone number in the footer runs together with no hyphens or parantheses.

Thank you much.

March 18, 2014 at 10:44 am #21645

Sakin
Keymaster

@Bouncedancer: I have replied your email. Now, let’s close it there.

March 19, 2014 at 2:05 am #21739

Bouncedancer
Participant

Did I do the links above right? I pinned both images on the same page.

March 19, 2014 at 2:07 am #21740

Bouncedancer
Participant

That doesn’t look right — let me try this.

March 19, 2014 at 2:08 am #21741

Bouncedancer
Participant

I tried to submit the links first via the “img” button, then the “link” button, but neither looks right on this page, so I’ll resend the Pinterest link via email, which should have both images.

March 19, 2014 at 2:39 pm #21814

Sakin
Keymaster

@Bouncedancer: Oh ok now I got it. It’s because of the screen resolution. You Chromebook screen resolution is higher then vista. So, to make it both look like the same. You need to upload the bigger size header image. For full width header image, I recommend you to add image with 1190px width. You current header image width is only 990px width.

March 20, 2014 at 4:32 am #21901

Bouncedancer
Participant

That’s the highest setting that is allowed when uploading a header image, 990 x 180.

March 20, 2014 at 11:17 pm #22038

Sakin
Keymaster

@Bouncedancer: The suggested size is 1600px.Also you can see in your demo page http://catchthemes.com/demo/catch-evolution/ we have added 1600px width header image.

March 21, 2014 at 3:11 am #22061

Bouncedancer
Participant

The header I uploaded is the widest image I have. What do I do now — is this where I get a customization quote? A webmaster?

March 21, 2014 at 8:53 am #22091
Sakin
Keymaster
@Bouncedancer: Then you need to reduce the size of your wrapper and site. So that you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
```
@media screen and (min-width: 1061px) {	
	.wrapper {
		width: 900px;
	}
	#primary {
		width: 530px;
	}
	#secondary {
		width: 340px;
	}	
}
```
March 23, 2014 at 8:11 am #22320

Bouncedancer
Participant

I copied the above into the Custom CSS box, but nothing changed. But rather than having you spend so much time on this, I hired an occasional VA thru freelancer.com who I’m going to sic on this.

March 23, 2014 at 9:56 pm #22364

Sakin
Keymaster

@Bouncedancer: That’s fine.
Author

Posts