Adding Drop Down AudioPlayer to Header on Pro ( Renew with Starter: LogoLeft )

Support
#1

Hi there, Great day to you

How can i add a( n audio ) player to the top Header, in a drop down fashion in the same area where the buttons ( Learn more & Get access ) appear as one starts to scroll the page down?

I want the Audio Player to appear as a button first, and then open down, as a drop down menu for ( selected / selectable ) Album

I am asking because i see the documentation for audio apps is pretty scarce and i would like expert help

  1. the player button appears only when scrolling down, just like the butttons do now in the ( Starter Logo Left ) template
  2. the player will expand downward, ( using wp plugin such as Audio Album ) when pressing the Button for player, and after scrolling down

Your help is greatly appreciated

#2

Hello Jussi,

Thanks for writing in!

You will need to insert a content area dropdown element. In the content area dropdown element settings, you can change the hamburger icon into a play icon.

Since you cannot nest any other element into the content dropdown, you will have to insert given shortcode of your wp plugin such (Audio Album).

Hope this helps.

#3

Hi there, Thank you

Yes this helps

Where do i add the code for the [audio album] ?

#4

Hey Jussi,

Add it in the Content box.

To learn more about the Content Area Dropdown, please see https://theme.co/docs/content-area-dropdown

Hope that helps.

#5

Thank you, yes it helps

#6

You’re most welcome,

Cheers!

#7

Hi again,

I greatly appreciate the help

I managed to get the dropdown working, but i would like to have the outlook / appearance of the Dropdown to resemble the Stock Button ( that is right next to it, to the right ) of the Header

Do you know how i can get the headphones icon and the DropDown ( associated to it ) to Resemble the Stock Button of the Header ?

I left the stock button on the header dropdown now as an example ( both of them have the same text “Listen To Music” )

-the one on the left ( with full white backround - and headphones icon ) is the dropdown
-the one on the right is the stock button

#8

Hi Jussi,

Yes, we can adjust it on the available toggle settings. Look for all the options under TOGGLE. There are options to adjust background, border, and text style.

Hope this helps.

#9

Thank you, Greatly appreciated

Yes this does help

#10

You are most welcome!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.