TPT Banner text overlapping dropdown menu

[yellowhouse]

hello! I am hoping someone could please help me with what i think is possibly a coding issue but i could be wrong. I am using the craft theme and have installed a Tapita Theme banner on my home page (Pic 1 is my mobile homepage)

On the mobile site when using the drop down menu tab, the text within the banner over laps onto of the drop down list (as seen in Picture 2) preventing you from accessing any of the items. How can i get the drop down to be ontop of the banner and work normally?

The dropdown menu works perfectly on other pages just not in conjunction with this TPT theme banner. Pls help as i really like the banner and would love to still keep it

[enumbin]

Hello

There is no image attached with the post. Can you share your site URL so that I can check it out?

Thanks

[yellowhouse]

sorry i have tried adding the photos here.

url is www.thelittleyellowhouse.ca but it is password protected as it is not live yet. password is shopify

[enumbin]

Hello @yellowhouse

I have found out the fix. Please add the CSS below to the TPT banner section custom CSS box and it will be fixed.

.tpt-banner-content {
    z-index: 2;
}

See the shot. It looks like that after the css.

Let me know.

[yellowhouse]

This is excellent! thank you so much for your help. it worked!!!