ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• June 1, 2016 at 10:44 am #271646
  ninesolutions

  Member

  Post count: 192

  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.

  June 1, 2016 at 10:45 am #271647
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  June 1, 2016 at 12:14 pm #271694
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

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

  – Kyle

  June 2, 2016 at 3:51 pm #272104
  ninesolutions

  Member

  Post count: 192

  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 🙂

  June 2, 2016 at 7:22 pm #272164
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try adding this to your custom css:

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

  – Kyle

  June 3, 2016 at 4:26 pm #272362
  ninesolutions

  Member

  Post count: 192

  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!

  June 4, 2016 at 4:48 pm #272463
  ninesolutions

  Member

  Post count: 192

  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?

  June 6, 2016 at 8:32 am #272563
  ninesolutions

  Member

  Post count: 192

  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…

  June 6, 2016 at 8:35 am #272565
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Change it to:

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

  – Kyle

  June 6, 2016 at 8:53 am #272571
  ninesolutions

  Member

  Post count: 192

  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

  June 6, 2016 at 8:58 am #272573
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Where have you added the custom css?

  – Kyle

  June 6, 2016 at 8:59 am #272574
  ninesolutions

  Member

  Post count: 192

  Hi kyle,

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

  June 6, 2016 at 9:02 am #272575
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No you need to put in Theme Options > Custom CSS

  – Kyle

  June 6, 2016 at 9:04 am #272577
  ninesolutions

  Member

  Post count: 192

  Is there a difference??

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

  June 6, 2016 at 9:07 am #272580
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Check now

  – Kyle

• Back to forum

  Posted in: Uplift