- This topic has 19 replies, 4 voices, and was last updated 3 years, 9 months ago by Leo.
-
AuthorPosts
-
June 16, 2020 at 8:40 pm #1330738Mike
Hello!
I recently made the switch to change my old theme into GeneratepressWould it be possible to achieve the same look.
I put the url in the website url.
My staging site is: https://xxxxxx.com/test
I chose the marketer theme as a base but unsure if another theme is similar.
For now, I am trying to get the same menu as the original site if possible. (Logo placement)
Thank you!June 17, 2020 at 5:03 am #1331101DavidStaffCustomer SupportHi there,
The Marketer would be a good starter site, but you would want to uncheck the Navigation as Header option that site uses:
https://docs.generatepress.com/article/navigation-as-a-header/
this will allow you to size the Logo independently of the navigation.
June 18, 2020 at 9:08 pm #1333502MikeThanks that helped greatly. Would there be a way to split the menu and logo separately as in the site url?
Like
[ Logo ] [Start of Menu?]
Currently, it is
[ Logo ]
[Menu }
Thank youJune 19, 2020 at 1:57 am #1333719DavidStaffCustomer SupportYes, in Customizer > Layout > Primary Navigation:
https://docs.generatepress.com/article/primary-navigation-layout-overview/
You can set is Location to Float Right.
June 20, 2020 at 3:49 pm #1335777MikeThanks! For the sticky menu, how do I get the same settings for the sticky menu?
June 21, 2020 at 9:21 am #1336444LeoStaffCustomer SupportYou’d need to activate the sticky navigation and add a sticky navigation logo:
https://docs.generatepress.com/article/sticky-navigation/June 21, 2020 at 1:25 pm #1336659MikeSticky navigation enabled, sticky logo is added, but it doesn’t achieve the same customization settings as I did to the main page.
How it looks right now is the same problem I had in the initial post
I want to do this somehow:
Yes, in Customizer > Layout > Primary Navigation: https://docs.generatepress.com/article/primary-navigation-layout-overview/ You can set is Location to Float Right.
^But that doesn’t apply to the sticky navigation
June 21, 2020 at 6:26 pm #1336802TomLead DeveloperLead DeveloperHi there,
So do you want the entire white header area to be sticky?
If so, you could try this:
.site-header { position: sticky; top: 0; }
However, making the navigation sticky by itself is typically a better user experience, as less of the page is taken up by the sticky element.
June 21, 2020 at 6:57 pm #1336819MikeAhh, good point. In that case, is there some how to make the logo bigger when scrolling down?
June 22, 2020 at 2:54 am #1337105DavidStaffCustomer Supportin Customizer > Layout > Sticky Navigation – increase the Menu Item height. The logo will resize to match
June 22, 2020 at 4:33 pm #1338070MikeThanks, logo size looks really similar after adjusting the height
June 22, 2020 at 7:20 pm #1338150LeoStaffCustomer SupportI don’t see the sticky navigation enabled currently, can you confirm?
June 22, 2020 at 7:46 pm #1338169MikeShould be enabled when scrolling down
June 22, 2020 at 7:47 pm #1338170MikeBut for some reason you have to scroll back up to see the menu
June 22, 2020 at 7:47 pm #1338171MikeOh, I pushed my staging site to live, so url is now https://xxxxxx.com
Not https://xxxxx.com/test -
AuthorPosts
- You must be logged in to reply to this topic.