My home page has Sticky Notes and they keep affecting my Top Menu, making the Top Menu look like Sticky Notes, but without content, just top menu’s name in it. I believe that there is something wrong with my CSS (I am not a pro at HTML, just copy & paste stuff, though some images and texts have been added).
Second, on hover sticky notes are underlined and that is not supposed to happen.
I love my sticky notes, they look pretty good, I spent a lot of effort on making them look good but still cannot make them being friendly to my Top Menu, as well as to the Side Modules. Sticky notes turn all my menus into a real mess (see images attached).
Images of my problem are in the attachment.
Any help ideas are much appreciated
I don't see your attachment. While the image may be helpful, we need to see the actual page in order to debug.
Thank you for spending time
Thank you for spending time on my quest.
I am not big on coding, just copy and paste stuff. I copied sticking notes’ code from https://code.tutsplus.com/tutorials/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5--net-13934
… then checked the code on Notepad++ and just pasted it into my website’s front page. Then began editing sticky notes right in there, adding text and images. BUT, when top menu was activated it turned my front page sticky notes’ size. No menu works the way it should, both top menu and side menus.
So, I am about to discard sticky notes and just use still images instead of them, though they look really great and I was sort of proud about my 4-day work.
The website is Joomla 3 version http://mygraylings.com/index.php/en/