[Support request] Changing Primary Header layout for mobile

Home Forums Support [Support request] Changing Primary Header layout for mobile

Home Forums Support Changing Primary Header layout for mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #627042
    Han

    Hi there!

    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?

    Also, I’m looking at creating a header like this:
    https://ibb.co/jVNcDd (desktop)
    https://ibb.co/dQOTKJ (mobile)

    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?

    Regards,
    Edmund

    #627121
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    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 πŸ™‚

    #627127
    Han

    hello!

    Totally forgot about that setting.

    Thanks a lot Tom! Will try it out.

    #627136
    Tom
    Lead Developer
    Lead Developer

    No problem! Let us know if you need help tweaking it πŸ™‚

    #627985
    Han

    Hey Tom,

    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.

    #628012
    Tom
    Lead Developer
    Lead 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 πŸ™‚

    #628195
    Han

    Hey Tom,

    Noted. I’ll give it a shot. Will let you know if I need further assistance.

    Thanks for offering to help! Really appreciate it!!

    Ed

    #628333
    Tom
    Lead Developer
    Lead Developer

    No problem! πŸ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.