collegeicali

Hi!

This worked perfectly! Thank you so much for all this help! It very appreciated ??

Now I only have one more thing to solve haha.. i just discovered that on mobile and ipads the standing pictures, (meaning rectangular vertical pictures) are not being resized, instead they become horizontal..

One example : https://www.collegeicali.com/?p=985

Is there any fix for this?

Hi!

@media only screen and (min-width: 800px) {
	.entry-content, .entry-summary, .entry-title, .entry-footer, .page-title, .site-header-inner, .comment-list, .comments-title, .page-content, .paging-navigation, .post-navigation, .comment-navigation, .entry-format {
		width: 800px;
	}
}

@media screen and (min-width: 40em) {
	.site-header-image {
		height: 400px;
		max-height: 400px;
	}

	.site-branding {
		width: 90%;
	}

	@media screen and (max-width: 480px) {
	.site-title a, .site-description {
		font-size: .7em;
	}
}

This is what i have in my current CSS, and the font size did reduce, but it didn’t fit anyways, so its still in two lines. I reduced to 0.3em; and it only fit “college i cali | Angelica”.. So i don’t think the font size is the problem, more the space that allows text on one line. Is there a solution for this?

But if there is no other way of fixing this then I’m just going to keep it as it is, and I’m so grateful for the help!

Hi!

Thank you so much for the help!! It worked great and the ipad header is now bigger and the text is in one row! Unfortunately it did not work on the mobile web..

This is my current text in the CSS:

@media only screen and (min-width: 800px) {
	.entry-content, .entry-summary, .entry-title, .entry-footer, .page-title, .site-header-inner, .comment-list, .comments-title, .page-content, .paging-navigation, .post-navigation, .comment-navigation, .entry-format {
		width: 800px;
	}
}

@media screen and (min-width: 40em) {
	.site-header-image {
		height: 500px;
		max-height: 500px;
	}
}

.site-branding {
	width: 90%;
}

I have the first code because I wanted to make the page width bigger, is it causing the other codes to not work?

Thank you again!

https://www.collegeicali.com

I couldn’t make a link to the picture. But its basically a panorama picture, and it gets cut off on the sides.

For web it looks good, only gets cut off on the sides, and for mobile web its the same. But for an iPad web it also gets cut off on the height..

I would also make the text “college i cali – Angelica Wesslander” to show on one row in mobile and ipad format.. right now it breaks and get into two rows.. Any way of fixing that?

Thank you for the response, and sorry for this late reply!