Archived topic
Changing old theme to Generatepress, achieving same look
19 replies · Started by Mike on June 16, 2020
Hello!
I recently made the switch to change my old theme into Generatepress
Would 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!
Hi 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.
Thanks 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 you
Yes, in Customizer > Layout > Primary Navigation:
https://docs.generatepress.com/article/primary-navigation-layout-overview/
You can set is Location to Float Right.
Thanks! For the sticky menu, how do I get the same settings for the sticky menu?
You'd need to activate the sticky navigation and add a sticky navigation logo:
https://docs.generatepress.com/article/sticky-navigation/
Sticky 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
Hi 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.
Ahh, good point. In that case, is there some how to make the logo bigger when scrolling down?
in Customizer > Layout > Sticky Navigation - increase the Menu Item height. The logo will resize to match
Thanks, logo size looks really similar after adjusting the height
I don't see the sticky navigation enabled currently, can you confirm?
Should be enabled when scrolling down
But for some reason you have to scroll back up to see the menu
Oh, I pushed my staging site to live, so url is now https://xxxxxx.com
Not https://xxxxx.com/test