CSS not working properly

[ninesolutions]

Dear Swiftideas,

I have added a Dropdown upon hover button using the raw HTML element.

However the drop down is not showing. It might be due to conflict between the new CSS and the theme CSS.

Would you kindly please help me to take a look? My CSS is in the custom CSS section.

Thank you so much! I greatly appreciate your help.

[ninesolutions]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

It’s got display none on the dropdown content: http://d.pr/i/167yf/2TXq00Qv

– Kyle

[ninesolutions]

Dear Kyle,

Thanks for helping to check on it.

The display is set to none is so that it will appear when hover.

Basically i just used the code from here: http://www.w3schools.com/howto/howto_css_dropdown.asp

The button works in the tutorial, showing the elements when hover but for some reasons not in my site.

Thank you once again for helping, i sincerely appreciate it 🙂

[Kyle – SUPPORT]

Try adding this to your custom css:

.spb-row-container.spb-row-full-width section.container {
  overflow-y: visible;
}

– Kyle

[ninesolutions]

Hi Kyle,

Thanks for the customer CSS.

I have added it in but the elements are still not showing in the mouse over.

Please help me take a look to see if i am missing anything. Thanks!

[ninesolutions]

Hello,

Just to add on, i have followed exactly the Html and CSS in here which works: http://www.w3schools.com/howto/howto_css_dropdown.asp

This is just to create a drop down button with elements.

Am i missing anything?

[ninesolutions]

hello…

I am desperately needing help.

I have checked my CSS and code on http://www.w3schools.com/ and it works perfect with the hover over drop down.

I am quite sure there is some restrictions or conflicts on the theme settings which is preventing my hover over menu to show.

Can i please get some help on it please?

thank you…

[Kyle – SUPPORT]

Change it to:

.spb-row-container.spb-row-full-width section.container {
  overflow-y: visible;
}

– Kyle

[ninesolutions]

Hi Kyle,

It is still not working. Just to be clear i am refering to the dropdown button here: http://i.imgur.com/icvf0HK.png

Please take a look at its raw html section as i have placed all the code there.

Thank you

[Kyle – SUPPORT]

Where have you added the custom css?

– Kyle

[ninesolutions]

Hi kyle,

I put theme under <style> tags in the raw html element. Please see there. Thank you

[Kyle – SUPPORT]

No you need to put in Theme Options > Custom CSS

– Kyle

[ninesolutions]

Is there a difference??

Anyway i have followed your instructions and put theme in the theme options custom CSS. STill not working.

[Kyle – SUPPORT]

Check now

– Kyle