example:
.masthead {
height:360px;
}
Interestingly, it’s showing in full width on the OTHER pages, when on mobile. But the header is cut down from the sides on the front page. So: On desktop, full size only in front page. On mobile: Full size only on other pages than front page. What the heck?
I’m probably making a mess of this code.
]]>Can I slightly reduce the header height with CSS without losing menu alignment?
I found this code provided by Ina on the forum and it works great for my header. But if you check the picture you can see the title “Products” has no indent after the main header in Safari. In Chrome it’s almost the same.
I also would like to reduce it for the main page just a little.
The code I used for the header with changed colours:
@media screen and (min-width: 48em) { .headroom–not-top .navbar { background: #4e608d; } }
.has-header-image .navbar, .has-header-video .navbar { background: #4e608d !important; }
P.S. Thanks for this beautiful theme!
]]>is there a way to adjust the padding (that I use in the background image of my header) to different zoom settings? The padding changes the height of my header and therefore the height of my background image, and I would like the height to look the same on the screen irrespective of users zoom settings…
It seems a very basic question, but still I did not find anything on the web for that, though I tried a number of different keywords.
Nice theme.
I think there is something wrong with the crop tool for featured links. I know you want 600 x 340. But even when my image is well within those sizes, once I click crop it tells me There has been an error cropping your image. It did work for the chocolate brownies one, but not the others!
Now they are all different sizes and it looks messy.
Also: would like to limit 500px height of header to about 350px if you can give me css.
Thank you!
I can’t find a control to adjust the height of this row anywhere. If you look at the blog imagine trying to place an image of the recommended size in that space. Can anyone help? Thanks in advance.
]]>Have a few fixes/tweaks to this Catch Evolution theme that I’d love help on.
1) How do I narrow the height of the header image so that it does not take up so much space on page?
2) How do I increase content column size so that it is not so narrow?
3) I’ve selected black as my background color and the dark color scheme, but area outside of column looks grey, not black. How can I either a) make a matching black or b) make transparent so that the background image actually shows? Presently only a tiny sliver at bottom of pages (black glitter).
4) I can customize text color, but do not see any way to specify a color for hyperlinks.
Thanks for help!!
]]>I’m having issues creating a header that is 50px tall – the minimum height slider on Elementor slides all the way to the left but the header appears to get stuck at 117px tall. This is way too big and not what I’m aiming for at all. Can anyone offer any ideas to troubleshoot? I’m using the Twenty Twenty theme at the moment. Hosting locally and can’t share a link to the page at the moment.
Thanks in advance!
]]>