Hi - I'm doing my media queries for my home page and having trouble adjusting the space between the Logo in the Header and Prehero. I think the problem may be that the header is set for a height of 100px and I need to make it smaller on certain devices... Please identify so I can do the CSS. Thanks.
Hi. Thanks for that. Did not work I'm afraid. Chrome developer view is telling me the problem is the height of the Header. As I get down to the smaller Media Queries this becomes a problem. Could you please tell me how to change the Header height for the media queries, or whatever else you think would solve. I've tried all the margins, paddings, etc for #pre-hero and #logo.
Hi - I'm doing my media queries for my home page and having trouble adjusting the space between the Logo in the Header and Prehero. I think the problem may be that the header is set for a height of 100px and I need to make it smaller on certain devices... Please identify so I can do the CSS. Thanks.
Hello,
Modify top padding of the prehero
#pre-hero {
padding: 260px 0px 60px;
}
in media queries:
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
for example
@media (min-width: 700px) { #pre-hero { padding: 260px 0px 60px; } }Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi. Thanks for that. Did not work I'm afraid. Chrome developer view is telling me the problem is the height of the Header. As I get down to the smaller Media Queries this becomes a problem. Could you please tell me how to change the Header height for the media queries, or whatever else you think would solve. I've tried all the margins, paddings, etc for #pre-hero and #logo.
Your styles for #pre-hero is included with other elements in media queerris. Add it separately.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio