Lay Theme Forum

i'd need to add this as a feature, i wrote it down

hey when im on the mobile page and i click on the +
then i navigate to another page instead of opening an overlay.

this is your custom coded html link:
Screenshot 2024-07-17 at 14.35.45.png

however, its missing the data attributes: data-id, data-type etc as in this working overlay link:

Screenshot 2024-07-17 at 14.36.39.png

if you add the correct data attributes, the overlay will work

also make sure to disable any caching plugins while you're working on this

hey!

so if i was you i would try and create both types of menus.

then i would use custom css to hide and show the menus based on which page you're on
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

so lets assume your homepage has the slug home. and you have two menus:

.menu-1

and

.menu-2

then you'd do

//by default, menu1 is always shown, and menu2 is always hidden .menu-1{ display: block!important; } .menu-2{ display: none!important; } // but on homepage, hide menu1 and show menu2 instead .slug-home .menu-1{ display: none!important; } .slug-home .menu-2{ display: block!important; }

this css is the basic logic behind how you show one menu on the homepage and hide the other. and on all other pages its the other way around.

but your classes you use will be different because you will need to hide/show a menu, a mobile menu or a button that opens an overlay. so you'll need to get comfortable with the "chrome inspector" for example to find the correct css selectors and write the css yourself.

also you're right you can't create multiple menus for mobile. for desktop you can have up to 4.
one way to get around this is to use "custom css & html" → "custom html at top/bottom"
in here you can hard-code some anchor tags and use custom css to style them. this could act as an additional menu on mobile.

all of this needs quite some knowledge in html and css but with some patience and learning you will be able to do it

very good @alasdair17 thanks a lot for answering people!

he can also hide the mobile menu in the customizer → mobile → mobile menu → hide
i think

mmh do u have a link?

they just put text next to the project thumbnail in the gridder

and they used project thumbnail mouseover settings in the customizer

make sure space-top is set in px instead of % for the secondary menu

the html for a custom phone layout and the html for the desktop layout exists on a page at the same time.

if you insert that same html code in both layouts, maybe the paypal javascript works in a way where it doesn't allow duplicates

do you think its possible to not have a custom phone layout for your page?

Haha yeah, super interesting topic ;)

hey @Richard this should have been a "please send login info to armin" kind of case.

@treh16

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

hey @treh16 i think i haven't received anything yet :O

Dear @treh16

Thank you for the setup, i could easily recreate the bug 🐛
Any change in device alignment (vertical and horizontal) doesn't bring the background colour of the row back .

I have forwarded to Armin for further inspection ✅

Best wishes & thank you for supporting Lay Theme ✨ Richard

@Richard said in Full Screen Slider slides overflowing on PHONE:

.is-safari #custom-phone-grid .fp-section {
min-height: 100vh !important;
height:100vh !important;
}

.is-iphone #custom-phone-grid .fp-section {
min-height: 100vh !important;
height:100vh !important;
}
.is-safari #custom-phone-grid .fp-auto-scroll {
min-height: 100vh !important;
height:100vh !important;
}

Hi @Richard , tried that, unfortunately didn't help. This is not an issue only with Safari, the same on mobile Chrome, or Desktop's Safari "Responsive design mode feature"

Dear @treh16

Making a page 'private' does not work, however 'password protected' does. Sorry for any inconvenience this may cause.

Best wishes ✨ Richard

Oh yea,
I can reproduce it. Going to fix it, thanks for the heads-up.

Hi Armin,

it's not a deal-breaker for us. We're staying with you, but certainly looking forward to such improvements.

Thanks!!

Tom

@arminunruh Thanks a ton!!:smiley:

^^

with jquery you can animate scroll like this. This needs a class of "clickme" on your element:

<script> jQuery(document).on("click", ".clickme", function(){ jQuery("html, body").animate({ scrollTop: window.innerHeight }, 600); }) </script>

Hello Tom!

At the moment this is a weakness of lay theme and a "project-list" type of element is planned for a future update. Right now I can't tell u when it will be available.