Archived topic
Header and navigation problem
5 replies · Started by Shivam on July 4, 2019
Hey generate press team ,
Today i tried to change my header and i am facing few problem after that...
1. Menu is coming after the header in the center in mobile phone, i want to keep it in the right of the header... check screenshot
2. I want to add something like this navigation in mobile (check screenshot)
Thanks
Hi there,
1. Have you tried the mobile header option?
https://docs.generatepress.com/article/mobile-header/
2. You are referring to the Get Involved section right? Would you consider using the off-canvas menu option?
https://docs.generatepress.com/article/off-canvas-panel-overview/
Then you can use the widget area:
https://docs.generatepress.com/article/off-canvas-panel-overview/#off-canvas-panel-widget-area
Let me know :)
I tried mobile header, but it is looking bad, I want to change the size of logo and navigation how can i do that? check screenshot
This section explains how to change the height of the logo:
https://docs.generatepress.com/article/mobile-header/#branding-type
Hey, its not actually only about the size, please check ny website Bemakemoney in your phone view...
As you will notice i am not able to change the padding or you can say space between the header and content... When i tried to change the padding from appearance-layout-header in mobile view. It didn't worked.
There is default 10px added but you have this CSS which is overwriting it:
.site-logo.mobile-header-logo img {
padding: 0;
}