- This topic has 14 replies, 3 voices, and was last updated 3 years, 4 months ago by
Leo.
-
AuthorPosts
-
October 3, 2019 at 9:05 am #1025434
Sergio
Hi!
How can i get and put in my website the same design of the navbar and page hero of that website www. pau.ninja, from default generatepress template?Greethings
October 3, 2019 at 10:33 am #1025511Leo
StaffCustomer SupportHi there,
– For the header, activate the mobile header option first:
https://docs.generatepress.com/article/mobile-header/Then change the breakpoint to as large as possible:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-widthAlso activate navigation search;
https://docs.generatepress.com/article/navigation-search/Once this is done, link me to the page in question and I’ll provide the CSS π
– For page hero, here is the setting he is using:
https://docs.generatepress.com/article/navigation-search/Let me know if this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 3, 2019 at 1:04 pm #1025632Sergio
Thanks leo!: now it looks like this: https://orbitaaurea.com/
October 3, 2019 at 2:11 pm #1025675Leo
StaffCustomer SupportIf you want the exact same style then disable the off-canvas panel first:
https://docs.generatepress.com/article/off-canvas-panel-overview/Then add this CSS:
.main-navigation.has-branding .menu-toggle { order: -1; } .navigation-branding, .site-logo.mobile-header-logo { margin-left: auto; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 4, 2019 at 1:05 am #1025901Sergio
Thanks Leo again, but still don’t looks similar in mobile phone, the navbar and about all the page “cover”.https://orbitaaurea.com/index.php/for-customer-support/
And i also don’t know how to show, the author, the date,… in the full cover of pages and post.
Thanks.October 4, 2019 at 11:01 am #1026409Tom
Lead DeveloperLead DeveloperHi there,
What if you add this?:
.menu-toggle, .main-navigation .mobile-bar-items a { padding-left: 20px; }
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 4, 2019 at 12:49 pm #1026498Sergio
Hi Tom! Don’t changes! it keeps the same! Thanks! What about the header? How can i add the author,date… to look like that page: https://pau .ninja
October 4, 2019 at 12:57 pm #1026503Leo
StaffCustomer SupportWhen you see this:
https://www.screencast.com/t/OGUVW8mHThat means there isn’t enough room for the toggle, logo and search icon to be in one line.
A simple solution would be to remove the mobile menu label:
https://docs.generatepress.com/article/mobile-menu-label/As for the header, check out these examples:
https://docs.generatepress.com/article/page-hero-examples/#example-2Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 4, 2019 at 1:23 pm #1026526Sergio
Okk,Thanks! I resolved the navbar! althouth i would like. Navbar not move the content to the down.
Also i would like the part is not in the content don’t look like navbar, is it possible? https://orbitaaurea.com/for-customer-support-2/I like the second header, have i to write all the code in element header?
October 4, 2019 at 6:55 pm #1026622Leo
StaffCustomer SupportIt should overlap the content if you activate the sticky mobile header (which is something the example site is using):
https://docs.generatepress.com/article/mobile-header/#stickyThe content part goes in the page hero content, the PHP and CSS need to be added separately:
Adding PHP: https://docs.generatepress.com/article/adding-php/
Adding CSS: https://docs.generatepress.com/article/adding-css/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 5, 2019 at 5:47 am #1026824Sergio
Hi! Really thanks! Now all it works except the navbar. When i move to the down of the page and i come to the up the navbar shows different. I would like it keeps.
Thanks
October 5, 2019 at 11:13 am #1027129Leo
StaffCustomer SupportTry this as well:
.main-navigation.sticky-navigation-transition .mobile-bar-items a { line-height: 50px !important; } .main-navigation.sticky-navigation-transition .site-logo img { height: 50px !important; } .main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle { order: -1; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 6, 2019 at 7:33 am #1027522Sergio
Seriously, really thanks for your help!
Only last thing! i would like to move the title and the “tags” to the bottom of the header using the page hero you gave me.Thanks again!
October 6, 2019 at 7:35 am #1027523Sergio
Resolved! Thanks!
October 6, 2019 at 10:32 am #1027741Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.