Thank you for reposting your question….
When you say change the size, you mean wider or shorter?
Thank you for the very quick response.
Longer.
sorry, I should have asked this better….longer as in width, or as in taller in height?
Also, do you have a link to your site if it’s live?
No problem. I should have been more specific.
I need the banner overlay to be taller. Here is my test web page which shows the issue. The logo I want makes the menu come down below the current banner overlay area.
My test web page is: http://www.842pw37066.com
Big thanks for the clarification and the link…The height of the overlay is set to different screen sizes using CSS media queries. It starts with this:
#banner-overlay,
#no-banner {
height: 100px;
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 48em) {
#banner-overlay,
#no-banner {
height: 100px;
}
}
/* Extra large devices (large desktops, 1408px and up) */
@media (min-width: 88em) {
#banner-overlay,
#no-banner {
height: 110px;
}
What you can do is copy the above in the order that it is, then add that to a custom stylesheet, then change the height’s to your specific needs.
I see you are using Jetpack, so you can use Jetpack’s Edit CSS feature to add your custom CSS code to.
WORKED GREAT! I did as you suggested and height to 150px and the results were exactly as I had wanted.
Thank you so much for your help.
