- This topic has 28 replies, 4 voices, and was last updated 3 years, 4 months ago by David.
-
AuthorPosts
-
November 18, 2020 at 10:13 am #1536536Sourabh
Hi,
Can we copy header from any GP site library template, and can use it into our project ??
or it will work with only template set ??
November 18, 2020 at 11:17 am #1536622LeoStaffCustomer SupportHi there,
You cannot import just the header but we can guide you to re-create it.
Which header are you referring to?
Let me know 🙂
November 19, 2020 at 2:28 am #1537267SourabhYes Leo,
I wish to make two header one for home page only with primary menu, and another with seconday menu so whenever anyone click on any menu or leaving home page, secondary header should be visible…
Check your site library, template name “charge & Split (Header)” I want some mix of both means logo shoud be in center in mobile version but in left side in desktop, search button in right and menu hamburger in left side in mobile version –
I am writing device wise details which i want –
Desktop – Logo + Menu + Search Button
Mobile – Hamburg + Logo + Search (Same with tablet version)Now guide me, how to make these ..
Note : Charge template having trnasparent header, when we scroll it becoming white sticky header so also share CSS code to make such header…
Regds:
November 19, 2020 at 5:30 am #1537431DavidStaffCustomer SupportHi there,
if we can take this one step at a time.
1. Secondary navigation on entire site but not home page.
Add your Secondary Navigation to the Site and set its Location to Below Header.
Then create a Layout Element: https://docs.generatepress.com/article/layout-element-overview/
In the element Disable the Secondary Navigation and set the Display Rules toFront Page
2. Set up the Mobile Header in Customizer > Layout > Header and add your mobile friendly logo,
3. Enable the Navigation Search in Customizer > Layout > Primary Navigation.
4. Set the Navigation as Header Option in Customizer > Layout > Header.
Once thats done provide a link to your site so we can provide the CSS for centring the mobile logo.
November 19, 2020 at 5:46 am #1537449SourabhNah, you starting from secondary however Tell me first how to create first one for the home page, then we can move into secondary –
Desktop – Logo + Menu + Search Button (This one)
Mobile – Hamburg + Logo + Search (Same with tablet version)Then second header which you told above to do …correct me if i wrong
November 19, 2020 at 5:48 am #1537453DavidStaffCustomer SupportJust Skip step 1 for now. You can do that later.
Follow the steps 2-4 i provided and provide a linkNovember 25, 2020 at 9:55 am #1546794SourabhHI,
Sorry for late reply, i went out of state for work, i have created secondary menu and did what you said above, but when open mobile view both primary and secondary menu visible as Hamburg ??
refer my website – http://www.venusentertainments.com
November 26, 2020 at 2:40 am #1549084DavidStaffCustomer SupportCan you check that URL – as i cannot get it to load?
November 26, 2020 at 2:41 am #1549090SourabhIts working fine, recheck – http://venusentertainments.com/
November 26, 2020 at 5:41 am #1549481SourabhI am not happy reply time with support team, since November 18, i am dealing with simple query, Just reply once and wait for long time to get reverted ??
November 26, 2020 at 6:45 am #1549579DavidStaffCustomer SupportI am sorry but we try to answer every support topic within 12 hrs. Our average initial response time is under 5hrs. We had no response for several days. When the URL was provided it was incorrect – as the
www.
subdomain does not link to your site.
Your request is not a simple query – you’re asking for a custom design that falls outside of general support but we endeavour to help all our users achieve their custom styles.Back to the topic:
1. Add this CSS to re-arrange the Mobile Header.
.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle { order: -5; } /* optional CSS if you want the logo centered in the nav */ .mobile-header-navigation.has-menu-bar-items .mobile-header-logo { position: absolute; top: 0; left: 50%; transform: translatex(-50%); }
2. To create the Merged Header effect, you will need to create a Header Element.
This article explains how:https://docs.generatepress.com/article/header-element-overview/
November 26, 2020 at 8:02 am #1549983SourabhThanks,
Dont get me wrong david, But you understand how boring it is to wait for such a long time after a reply, anyways Sorry for anything wrong, And thanks a lot for your help –
I also need CSS code for small shadow for header at the bottom, and when i scroll down then header should shrink a bit..
November 26, 2020 at 9:00 am #1550115DavidStaffCustomer SupportDo you want to make those other changes first, best we solve the original topic before adding more requests.
November 27, 2020 at 4:20 am #1551745SourabhHey David,
I am Sorry for asking, I am bit novice technically –
I think i am making some mistakes (I am pasting CSS into – content section of header element), Let me know if i am wrong, However when i do this, i start getting errors and all the css start visible in the home page itself, SO i think i am making some mistakes, pls make me correct ..
November 27, 2020 at 5:49 am #1551944DavidStaffCustomer SupportCSS should be added to the Customizer > Additional CSS.
-
AuthorPosts
- You must be logged in to reply to this topic.