Lay Theme Forum

Dear @billykioso

Have sent you a message via 'Chats'

Best wishes

Richard

Dear Aleks

@Aleksandar

"So I'm wondering how I could link different images to the same project."

Rather than duplicating each Project multiple times, i would suggest just making the layout in the Gridder and defining a link for them:

This method should give you the most control in the future should you decide to change something 👍

Thank you for supporting Lay Theme

Richard

Dear Fabi

@fabiandraxl

Thanks for the concise bug report. 👍
The following code should be 5% if that's what you defined in the "Set Frame" settings:

#grid .push-0.not-first-child {
    margin-left: 2%;
}

Here with it changed to 5% you get the correct result:

#grid .push-0.not-first-child {
    margin-left: 5%;
}

If you can confirm it's not a third-party plugin & its not your "Custom Head Content"

Will forward this to Armin ✅

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

Best wishes ✨

Richard

Dear Alicja

@apako

Within the code:

#lightbox-inner .swiper-slide img {
    max-width: 60vh !important;
}

You can change the value from 60vh to whatever you need to fit the images how you like. I was not able to recreate the bug on any test site so i don't know why you have this issue. It could be the image files themselves but unsure sorry.

Sincerely

Richard

Dear @dbdb

Thanks for the message,|

I'd like the spacing on the left of the mobile screen to line up with the site title. Not have such large padding on the left.

If you cannot set the caption dimensions for Mobile because they are already set up for Desktop in a certain way, then the following code you can use to define the caption left padding:

.lay-carousel-sink-parent .single-caption {
    padding-left: 25px !important;
}

Also... the arrow position - I'd like that to have the same left and bottom margin as the site title on mobile, as it does on desktop.

You can define the left margin to be the same as your site title in > customize > Project arrows >

If the arrows are set to 'center' normally and need them set to 'bottom' on mobile this would need to be custom coded, something like:

.project-arrow.center {
    top: 90vh;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

You can see here the class .center this is applied if set to 'center' within the project arrow settings.

https://laytheme.com/documentation/custom-css-styling.html

Best

Richard

Thanks for the feedback @vonMatthias have forwarded ✅

Best

Richard

Dear Matthew

@lay great username 👍

The following code will target the background on hover.

.sitetitle:hover {
    background-color:black;    
}

You can change the text colour when hovering within > Customize > Site title >

I would suggest doing it there rather than using custom code 🌝

https://laytheme.com/documentation/custom-css-styling.html

Best wishes

Richard

Dear Amadeus

@schneiderbrett

If the following is true:

Wordpress, Lay Theme & Laytheme's Addons are all up to date ?

Any custom CSS or JS that may interfere is temporarily removed.

Any third-party plugins are de-activated to see if this resolves the issue.

And the settings have been properly applied:

Then this is likely a Bug and Armin will need to inspect:

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

Best wishes

Richard

Dear @joanaflcarneiro

Have replied to your email 🌝

Best wishes

Richard

Thanks @edgrbnz have noted this feedback, have a wonderful day 🌝

Dear @Warul-Kawa

Are you able to test this behaviour with a Vanilla Lay Theme setup?
No Custom Code, everything updated. NO third-party plugins 🌝

Best

Richard

Dear Chiara

@CBFotos

I am unsure of the Behaviour, when testing in an Incognito window do you still have the same problem? All third-party plugins deactivated.

There is no true "Mouseover" state on mobile because a mobile does not have a mouse. Did you check the correct settings in > Customize > Project Thumbnails > Project Thumbnail Mouseover? :

Talk soon & best wishes ⭐️

Richard

Dear @joanaflcarneiro

The Submenu will take on the font or 'Text Format' you defined for its main menu. So if the Primary menu is "Times new roman" and the Primary menu has a Submenu - Then the Submenu will be 'Times new Roman".

If needed, you could define the font family manually:

.menu-item-has-children ul.sub-menu {
    font-family:sans-serif !important;
}

I would suggest making a Text format and then applying that to the CSS. Each text format will have an html class you can insert that into the code:

.menu-item-has-children ul.sub-menu {
    font-family: _Default !important;
}

Best wishes 🌝

Richard

Dear Alicja

@apako

Thank you for the Login details. I recreated an exact copy of your setup but was still unsure why the images were being output differently.

Everything seems fine and i updated Lay Theme. Because i was unable to find why i added some simple CSS:

#lightbox-inner .swiper-slide img {
    max-width: 60vh !important;
}

Please take a look at the portrait and landscape images in Lightbox and let me know your thoughts, have a wonderful day 🌝

Richard

Keith

Dear @lauran

Thank you for the Login details.
No Intro image had been set in > Customize > Intro > for the https://lauranenz.de/ site. Now with it set, all seems to be working 🌝

Best

Richard

Dear Gregor

@GregorGregor

Unsure sorry, you would need to post a link to get a better idea 🌝 🔍

Best

Richard

Dear @NAS

Lay Theme's native CSS may take precedence and not be overridden.
You should use it sparingly, but if needed you can use the !important property: https://www.w3schools.com/css/css_important.asp

Best

Richard

Dear @NAS

I saw the problem and then went around refreshing wordpress settings and checking for common bugs.

Now i can see the Gridder.
Unsure what solved it but hope this is working for you too?

Best

Richard

Dear Stefan

@stefan_s

"@Richard @Armin-Unruh @armin could you please get back to us about the issue. Having the mobile Version not working properly is highly unconvinient to us!"

I am sorry for delay, and the inconvenience caused.


Initially when i made the tests i could not recreate the Bug: https://stark.shakupa.com/

Testing on two real mobiles in my hands ( iPhone and Android )
the videos loaded within a decent timeframe and played.

I tested on a ‘Real mobile’ app (iPhone 12,13 Safari & chrome).

These were all playing in my tests:

Now coming back, testing on Desktop devices using a small browser size simulating Mobile is where it loads the slowest for me.

Could you please confirm that the behaviour occurs on real mobile devices if possible & then back to Desktop (mobile layout)?

Q: Are you using a lot of y or x-parallax?
Is there a page where you can test it easily without Parallax and see loading times?

I know of handbrake, did you read the section in documentation:
https://laytheme.com/documentation/speeding-up-your-website.html

"While updating our website we encountered serious problems with html5 mp4's on most mobile browsers."

Q: Did you at any prior time or version not experience these issues?

If yes, I can provide a previous version of Lay Theme while the Bug is remedied:

"Please send your website address, /wp-admin/ username and password and a link to this topic to licensekeys@laytheme.com"

An update would offer the quickest solution.

Talk soon 🌝

Richard

Not sure personally @thomasmaier you would need to try a few simple ones out and see what works best.

https://wordpress.org/plugins/simple-cache/

Richard