so I am choosing a navigation from the cloud library. its an overlay and looks great on the homepage. but on interior pages it is not ledgible since the background is transparent.
here is what I am using. https://demo.tagdiv.com/newspaper_scuba_pro/
this is the homepage, looks good here. background image is on the homepage not in the header. https://drive.google.com/file/d/1yg_c0ncxLQMJjiXZ23WdvKHkHtN1q3HO/view?usp=sharing
here is the interior issue. now I can put a semi-transparent background color behind the header bar, but below is a demo site where the interior is different so I would rather do this. but the bigger issue is the interior page content is sucked up under the header.
https://drive.google.com/file/d/1Zwm4wmDr8kSSH_mDUh0WTGKlGaqxW7wi/view?usp=sharing
demo site with interior header having a background. https://demo.tagdiv.com/newspaper_metropolitan_pro/
this is the desired effect. overlay on homepage, but has a background on interior pages. and the interior content is beneath the header. any idea what is happening? I cannot find a setting anywhere and the documentation is not this specific.
Hi tgamble,
I see two solutions for this.
1. You use that cloud header as individually only on the homepage (using the header manager) and set a different header as global (a header that is not set as overlay).
2. Edit that cloud header with tagDiv Composer and change it from overlay to default -> https://i.imgur.com/ibUcaWt.png and set a background color or image.
Also If you want you can import two scuba headers and one use it like it is with hover on homepage and the otter one set it as global for the rest of the website, but edit it and change the overlay to default (and set a background color).
I hope this will help you!
this worked. thank you!
Hi, I have a similar query. I am also looking to build exactly like pre-built Metropolitan Pro website. I have installed both the headers. Overlayed one specifically for Home and with background for the rest of site. But, the moment I scroll down the header on Homepage to another section it doesn’t change to the regular sticky header just as the Pre built website has here https://demo.tagdiv.com/newspaper_metropolitan_pro/. I either get the sticky transparent header or just content. Can you please help? Thank you in advance.
Hi,
I replied to you in your topic https://forum.tagdiv.com/topic/i-want-to-replicate-headers-exactly-like-the-pre-built-metropolitan-pro-site/#post-518419
Thank you!
