How to add a new top bar style

  • Resolved OliverC

    (@yan5280)


    5 years, 10 months ago

    The default styles all include two columns. How do I change it to allow me to either change the column width or make the top bar content 100% full width?

    Thanks!

    The page I need help with: [log in to see the link]

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

  • Hello,

    Create a custom template under Dashboard > Theme Panel > My Library and hook it above the header using the Ocean Hooks plugin or using custom code. Let me know if you need more help with it.

    Thread Starter OliverC

    (@yan5280)

    Thank you, Amit! That works!

    What would you recommend for the change on mobile devices? What’s the best way to create a toggle to reveal top bar on mobile?

    You can create two sections on the top bar template. One for desktop (hide it for mobile and tablet) and one for mobile (hide it for desktop). To hide the section, go to section > advanced > responsive tab.

    In the desktop section, create a top bar design as you did. For the mobile, use the toggle widget to design it.

    Thread Starter OliverC

    (@yan5280)

    Thank you!

    You’re welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add a new top bar style’ is closed to new replies.