- This topic has 5 replies, 2 voices, and was last updated 1 year, 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
Tagged: meditation
Here’s an example page from my website:
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
For a better prospect in the digital marketplace, it is outright necessary that every business should deploy the mobile responsive website as early as possible. […]
Write faster content is what we want always for our WordPress blog and this article tries to explore them. Blogs are nowadays much more than […]
One of the most important principles and advantages of working on the Internet is automation. It is automation that allows us to increase labor productivity […]