Responsive Theme Version 4.9.8: Place navigation bar on its own line

  • Resolved matthewdhuntley

    (@matthewdhuntley)


    3 months ago

    Hi Responsive Theme Folks,
    I’ve recently upgraded from Responsive Theme Version 3.11 to Version 4.9.8, and with Version 4.9.8, I’ve noticed the Site Branding and Site Navigation elements now display inline (i.e., side by side), whereas on Version 3.11, these elements displayed block/on their own lines. Is it possible via the Responsive Version 4.9.8 UI to make the Site Branding and Site Navigation elements display block? Or is CSS the only way to make this type of layout work?
    FYI, below is one example CSS rule I’m employing:
    site-header-layout-horizonal .site-header .row { flex-direction: colum; }.
    Any feedback would be much appreciated.
    Best regards,
    Matthew Huntley

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hii @matthewdhuntley

    Thank you for reaching out.

    You can change the header layout to horizontal or vertical through the theme’s customizer.

    To do this, go to Customizer > Header > Primary Header > Header Layout and select the layout that meets your needs. If this doesn’t fully address your requirements, please share some screenshots of how you’d like the menu to appear, and we’ll assist you further.

    Regards
    Maheswar

    Thread Starter matthewdhuntley

    (@matthewdhuntley)

    Thanks @maheswar1manyam; this was very helpful, and exactly what I was looking for. I appreciate your feedback.
    Best regards,
    Matthew Huntley

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