- This topic has 5 replies, 2 voices, and was last updated 5 years, 2 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Reduce Header Size on Mobile & Laptop
Here’s an example page from my website:
https://knoxstudy.com/about-us/
The headers are composed of an all-turquoise photo. Currently there is a lot of empty space below the tagline on both laptop and mobile headers. I would like to cut this space by about 55% on laptop and 30% on mobile.
Is this a job for CSS or do I need to do change the photo dimensions?
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (max-width:479px) {
.page_head { height:120px !important; width:100% !important;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.page_head { height:120px !important;}
}
Regards,
Chris
Thanks, Chris. This has worked well on the mobile, but there is no change on tablet or desktop. Please advise.
Hi,
Kindly use this one:
@media screen and (min-width:1024px) and (max-width:1169px) {
.page_head { height:150px !important;}
}
.page_head { height:200px !important;}
Regards,
Chris
Perfect. Thanks.
Hi,
If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/
Regards,
Chris
Why to do Wix To WordPress Migration? Wix is an excellent platform for free and easy-to-use website building. However, its features are limited. We can […]
Dog Training WordPress Themes The best dog training WordPress themes are collected in this article which are foreseen for pet and animal related websites and […]
Artistic WordPress Themes and Templates In the digital age, the online stage is as crucial as any physical venue for artists to showcase their talents. […]