I am trying to have the header with a transparent background, logo left, menu right where the top of the hero image on each page also serves as the header background. But I want to use Elementor to build the page and the header image, not the theme page settings.
I create a section in Elementor, set the background image.
I have set the theme in Customiser with; Layout – Page Header – Inside Content Area and then Above Content Area but both just end up with the hero image below the header. So then I set the Hero image to -180px margin but it then just overlays the header so no logo or menu is visible.
I know there is a section on each page of the backend where the theme allows you to add a header image but the content then has to be added by html in a content box which makes it too complicated me for adding buttons etc. to the hero image.
Just be careful, as adding that CSS to all pages will add it to templates that won’t have an Elementor header like the 404 template, blog templates, archives etc..
I suggest using Simple CSS to add it only to the specific pages where you’re using Elementor.