Thanks Rikard. Details below.

Rikard,

Thanks. The overlay color is fixed, but the double menu is still there. It is also overlaying the content below.
double menu snapshot
Also, can I get rid of the “Menu”?

Phenomenal!
Two final items:
1) It is 6px short as the dark blue is showing under the nav
2) How can we darken the lines for the field entry boxes?

Thanks

The code is actually
<form><input type="text" id="s_website" name="s_website"><a href="#"><img border="0" alt="Search Website" src="https://tbwp.hostworks.com/wp-content/uploads/2021/09/Button_Search-Website148x34.png" width="148" height="34"></a><input type="text" id="s_urantia" name="s_urantia">&nbsp;<a href="#"><img border="0" alt="Search the Urantia Book" src="https://tbwp.hostworks.com/wp-content/uploads/2021/09/Button_Search-UrantiaBook160x34.png" width="160" height="34"></a></form>

As a feature request, it would nice to add Vertical height (size) to “Small bar above Main Menu” in Advanced styling that would Automatically adjust where the content started below. Seems logical.
This would eliminate having to add css code to increase height of the top bar and where the content begins below the header. I have to do this with virtually every site I build. And I’ve built dozens of Enfold sites! Thank you!
I.e., the code I use is
/* Increase the size of the top bar above the main menu */
#header_meta {
min-height: 40px;
}
/* Fix the vertical spacing caused by adding the taller top bar (in this case the top bar was increased to 40px) */
@media only screen and (min-width:1024px){
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 220px !important;
}
}

Ugh, never mind, I found the code on an other site I had to do this on. I added this to Quick CSS.

/* Fix the vertical spacing caused by adding the taller top bar (in this case the top bar was increased to 40px) */

@media only screen and (min-width:1024px){
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 220px !important;
}
}

For the future, it would nice to add Vertical Size to “Small bar above Main Menu” in Advanced styling that would Automatically adjust where the content started. Seems logical.

By the way, here is the code to increase the height of the small bar above the menu to 40px, for example.

/* Increase the size of the top bar above the main menu */

#header_meta {
min-height: 40px;
}

Rikard,

I gave up. I could not anything to work unfortunately, and opted for the Advanced iFrame plugin, which handles it brilliantly. I appreciate the follow-up and effort. Many people claimed to get it to work with various code fragments, but it’s not worth the many hours I spend on this. Get the plugin.

Rikard do you know if there is a way to set the height to be automatic based on the height of the content?

This doesn’t seem to work:

<iframe src=”https://www.gettingthereguide.com/latest_info&#8221; width=”100%” height=”100%” scrolling=”no” allowfullscreen=”allowfullscreen”></iframe>

Thanks, I’m good to go!

Thanks Yigit, never noticed before…

Can someone please help me, I’ve got to fix the home page of this site! all of the other pages work fine.

Any thoughts?

Thanks, Rikard.
Below

Sorry, no luck with this code.

Below