- This topic has 7 replies, 2 voices, and was last updated 3 years, 3 months ago by Tom.
July 18, 2018 at 4:40 pm #627042Han
I’m trying to experiment with using different primary navigation layouts for desktop and mobile. Right now, I’m using the ‘navigation below header’ style and would like to change it to the ‘float left’ style for mobile. How should I go about doing this?
As you can see, the layout and positioning of elements are different for both devices. Could you advise on how to go about achieving this?
EdmundGeneratePress 2.1.3GP Premium 1.6.2July 18, 2018 at 8:02 pm #627121TomLead DeveloperLead Developer
Have you played with our mobile header option?: https://docs.generatepress.com/article/mobile-header/
We can rearrange the mobile header items to match that quite easily.
Let me know 🙂July 18, 2018 at 8:04 pm #627127Han
Totally forgot about that setting.
Thanks a lot Tom! Will try it out.July 18, 2018 at 8:08 pm #627136TomLead DeveloperLead DeveloperJuly 19, 2018 at 7:20 pm #627985Han
Regarding this particular header design – https://ibb.co/jVNcDd -, how would you go about developing it? I’m thinking of using the ‘navigation below header’ style to achieve the top logo + bottom navigation.
But im not too sure about the ‘search’ on the left and ‘my account’ and ‘mini cart’ on the right.July 19, 2018 at 8:14 pm #628012TomLead DeveloperLead Developer
You could use the Secondary Nav for the navigation on the right, and the header widget for the search on the left.
It will take some custom CSS, but if you’d like to set up the elements and link me to the page, I can help 🙂July 20, 2018 at 3:14 am #628195Han
Noted. I’ll give it a shot. Will let you know if I need further assistance.
Thanks for offering to help! Really appreciate it!!
EdJuly 20, 2018 at 7:46 am #628333
- You must be logged in to reply to this topic.