Lay Theme Forum

Dear all,

I'm working on a website for an artist, which includes a dropdown menu with several submenu point.
So far the forum has helped me a lot with custom CSS and I managed to style the dropdown menu to my wishes.

Now since a few days, both in Safari and Chrome, there is a problem that sometimes the dropdown box suddenly appears underneath the cursor and the submenu items thus can't be klicked upon.

I found in another thread where @mariusjopen explained that removing the "top: 30px" to remove the gap between top and sub menu and adding "padding-top: 20px" helps to solve this issue.
However it is still happening (mostly in Safari).

Is there any other thing thing that might help?

Here is the link to the website:
http://milenawiedemer.de/

And here the CSS I used:

.laynav.primary {
position: fixed;
left: 41%;
z-index: 99999;
}
nav.primary .sub-menu {
display: none;
position: absolute;
left: -10px;
background-color: white;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
padding: 20px;
padding-top: 20px;
margin-top: 1px;
}
nav.primary .sub-menu li{
display: block;
padding-bottom: 5px;
}
.menu-item:hover .sub-menu{
display: block !important;
}
li.menu-item-has-children{
position: relative;
}

Any help would be greatly appreciated!
Thanks a lot,
Sonni

Dear @Richard-K,

I've found a solution and played with the CSS; it had something to do with the assigned position of the footer and frames.
Thank you anyway, for everything! I couldn't have managed to make a website without Laytheme and the Forum Help; it's really amazing!:)

All the Best,
Sonni

Hi @Richard-K,

I've tried to work my way around to archieve the above-mentioned problem and used CSS for the first time. And it worked to now have a 'fake' Menu as a Footer on the left that's always shown (Ghost 2, Arecibo etc), so thank you a lot for the help with this :-)

But now, since I added the CSS, there is a space on the bottom when my projects are shown (see picture); even though in the gridder the bottom frame is set to zero. The pictures should always end with the screen.

Do you know how I can solve this problem?
I couldn't find someone having a similar problem..

All the best and again thank you for your help,
Best,
Sonni

Dear @Richard-K,
thank you so much for your reply and help, I will try if it works out and if I can find my way around it with this:)
All the best,
Sonni

Dear @Richard-Keith,
thank you a lot for your fast reply :-)
Okay, so I would need to make a detour around that and put the project titles in a gridder that act as a menu.

That opens up a new question: is it possible to then always show the "fake menu" still, also when you click on the project titles?

Like here: When you click on the project 'Non-Newspaper', the list of projects is still always shown on the left.

If I now take the detour and make a 'fake menu' (e.g. category with gridder including the linked projects), how do I achieve this?

Thank you for your time and help!
All the Best,
Sonni

Dear All, I have a similar question.

I'm new to laytheme and maybe I'm not seeing the solution clearly, but I'm a bit confused:
On the Laytheme website, there is an image hover add on example like this:

where you can see the menu on the left, and then the image hovers when the cursor is on a project title.

On my website, I created my projects and added them to the menu, so they will always be shown:

Since the add-on cannot be used in the title; I can't use it here (without custom css I suppose).

How did they do it in the Laytheme example?
Are the project titles on the left not actual 'titles' but in a gridder? Or is it custom css there as well?

Hope it's not too confusing what I mean..
All the best,
Sonni

Dear @reallybadatstuff,
have you found a solution/a way to code the thing you wanted to archieve? I'm looking for a code to accomplish a similar thing on my new website – how to show a hovering image when hovering over the project titles that I put into my secondary menu. The image hover add-on only works on the inserted text of a project I suppose, not on the actual titles..
I also am new to css and js and don't know much about it yet;
so I'm just wondering if it worked out for you and how you coded it. If not, I'll try to read further into the topic also :-)
All the Best,
Sonni