Lay Theme Forum

Hey,

I'm using the Stack Element to create a coloured background for a text box. Unfortunately, on mobile it doesn't stay within the grid but goes all the way to the edge of the screen (see images – the first one is the actual layout. For clarification, the second shows the stack element in the middle of the grid, and the problem still occurs). Desktop works fine – no custom phone layout in use.

Any ideas? Thanks a lot!

Cheers
Robin

Hey @Richard-K

that did the trick – yeehaw.

Great. Thanks a lot for your help and enjoy your day!
rbn

Hi @Richard-K ,

Thanks!

Unfortunately in Firefox (v85, MacOS 10.15.7) the problem is still unsolved... I guess learning never stops? Hope that is a good thing.

Have a good day!
Best
Robin

Hi @Richard-K ,

Thanks!

Firefox v85, MacOS 10.15.7

Hi @Richard-K ,

no, unfortunately not. Please have a look at the screenshot above – that's not how it is supposed to be, there has to be a white background behind the sub-menu points all the way through, not only at the beginning of the lines.

Furthermore it is not possible to reach the links in the sub menu.
Here is the testing site again: https://www.stage.ah-fotografie.de/

On the main/actual site, there is still an older version of lay and wordpress installed.

Thanks
Robin

Dear @Richard-K ,

Thanks! That almost did the trick – the lines break, but now the white background only appears at the beginning of menu point... I updated the link so you can see for yourself.

Thanks again!
Robin

Hello,

no, that is set to horizontal, since the main menu points are supposed appear like that. On vertical, the menu a) overlaps with the content and b) the lower main menu points are being concealed by the sub menu points.

As you may have guessed, this is the actual site: https://ah-fotografie.de/

It should look like that (although in a perfect world the sub menu points wouldn't be indented : )

Thanks!
Robin

Hi Richard,

Thanks for the fast reply!
Here is the site:

https://www.stage.ah-fotografie.de/

Best
Robin

Re: Sub Menu Background

Hi Marius,

sorry for getting back at you with this old thing... after an update I did on a test-site, the points in the sub-menu arrange themselves horizontally (but should vertically).

In 2.9.6 everything is fine, so I am not sure where exactly the error occurs.

Here is the CSS again:

.primary .sub-menu {
display: none;
position: absolute;
background-color: white;
border: 0px solid grey;
padding: 10px 0px 10px 10px;
}
.primary .sub-menu li{
display: block;
}
.menu-item:hover .sub-menu{
display: block;
}

Thanks a lot!
Robin

Hi,
sorry, forgot that: https://robinbaum.net/
Thanks!

Hi,

Recently, I'm having a problem with the margin of the mobile menu.
So far, I've been using this:

.use-mobile-menu nav.mobile-nav{
margin-top: 80px !important;
}

But it doesn't seem to work anymore (right now, I'm using a workaround by increasing the menu point padding).

Were there any changes in the CSS of the mobile menu?

Thanks!
rbnbm

Hi,
I was wondering whether it is possible to change the background color in the text field when writing text - my text is white and I can't read it, only when I highlight it or in the code. And when I disable the visual editor in my account, the gridder disappears... Any ideas?
Thanks!

Hi,

Is it possible to customize the font of the search results (meaning the suggestions that appear below the search field)? The standard overall (p) font of the site is not applied – and I can't get a hold of the class via the inspector.

Thanks!
RBNBM

Hi @arminunruh,

Yes, I already found that in your comment to the video and did it – but it does not do the trick.

As a side note: this is a kind of temporary URL given by the provider, since the actual one will migrate once the site is finished. Maybe that is a problem?

Thanks, best
rbn

dear @mariusjopen ,

Thanks, but it does not work ; -)

Text is indented again.

As I see it, the padding indents the text to the right. A negative value puts it back in place, but then there is no white space to the left.

As I said, not perfect, but also not a big deal. I'm just wondering whether it is possible at all (I also tried different negative values, to no effect).

Just to make sure, here is all of the code I am using right now for the menu:

.primary .sub-menu {
display: none;
position: absolute;
background-color: white;
border: 0px solid grey;
padding: 10px 0px 10px 10px;
}
.primary .sub-menu li {
display: block;
}
.menu-item:hover .sub-menu{
display: block;
}

Looking forward to the search thing...

Best,
RBNBM

Hi @mariusjopen ,

Sorry, does not work, now all Sub Items are in line:

Nevermind, let's leave it at that. I'll file this under "not possible".

Any news on why the search does not work (my chat message)? Did you get my login data?

Thanks
rbnbm

Dear @mariusjopen ,

Sorry, but your code delivers the following:

The text is indented, not aligned with the item of the menu. Minor, I know, but still... I already tried different things but couldn't make it work. If it's not possble - okay. (I send you the login data via chat regarding the other matter, if you want to take a look....)

Thanks again, your help is much appreciated!!!

Dear @mariusjopen ,

Thanks, but I already got that to work, I am looking for a code so that it looks like this:

Possible? Thanks again!

Hi @mariusjopen ,

I deactivated all active plugins (2) and there is no custom Javascript. Still not working...?

hi @mariusjopen ,

I am having the same problem – nothing shows up when using the search function, checked the video and also made a new test project. (http://ah-fotografie.de.w019239e.kasserver.com/site)

Thanks!

Hi @mariusjopen ,

Sorry, you are right! I failed to explain – there is white space on the right side, but I would like to have some space on the LEFT side of the items (letters) in the submenu. Possible?