@arminunruh thanks a lot! didn't see that coe :P

Thank you!

thank you @Armin-Unruh !

hey!
you could put two text elements on top of each other inside a stack element. and then have an image to the right!

https://laytheme.com/documentation.html#stack-element

Dear @meritocracy

Sorry about this one slipping through!
I hope Armin's solution has provided a way forwards :)

Sincerely
Richard

Hi Alex @Alex-Foradori

This is all possible but would have to be done manually as no Built in option for Image hover exists within the Element Grid ( as im sure you know! :)

Here on a past thread i went through a similar process of making custom image hovers, let me know if this applies to you!

http://laythemeforum.com:4567/topic/6087/imagehover-on-element-grid-lightbox-on-carousel/2

Best wishes Alex and have a lovely 2021
Richard

Dear @jackentee

Could you please post a link to your website with the example video issues?
Recently another user has had difficulty with Youtube videos & Armin is releasing a fix so will keep you posted :)

Let me know and best wishes
Richard

Dear @Blickwinkel74

I am having trouble accessing your domain, but really wish to help! :), has something occurred since you posted this thread?

Best
Richard

Dear @Hojin-Kang

Unsure, do you have any Cache plugins? this could be just your browsers Cache and resetting/clearing it will update what you see.

Best
Richard

I see you have 3.5.9 installed. Ok updating probably wont change anything.
Can you create a page where i can see the error and then email the page address to me to info@laytheme.com and a link to this topic

If you update lay theme now the duplicates should be gone!

Hi Tatjana @Tatjana241190

Yes i can see this problem, i believe we can do it but just have to go through some steps first, let me know if i'm wrong :)

So yeah i can see on the page that the HTML shows the Umlaut but does not register:
Screen Shot 2021-01-10 at 4.21.55 PM.png

On the GT-FLEXA font page the Diacritics ( containing Umlauts & Other Glyphs ) have to be called from within the font using 'Stylistic sets' so they are in Stylistic Set 01 - "SS01"
Screen Shot 2021-01-10 at 4.30.08 PM.png

As a first step just to be sure - Are you able to convert your .ttf font file into woff or Woff2 just to be more compatible with Browsers?
https://css-tricks.com/understanding-web-fonts-getting/#:~:text=TrueType (TTF)%3A TTF is,also called TrueType OpenType fonts.&text=Web Open Font Format (WOFF,supported%20by%20all%20modern%20browsers.

Here is a converter:
https://convertio.co/ttf-woff/

Maybe you already have .woff so allgood then! :)

Then if we can load that font into "Lay Options -Webfonts"

Ok! on this thread:
http://laythemeforum.com:4567/topic/917/activate-styllistic-sets/6

Armin has given an example of using a Stylistic set on your webpage.

if you could follow that - I dont think yours will be called "_default" but just remember to change <style> ._Default{ font-feature-settings: "ss09"; } </style>

With

<style> ._Default{ font-feature-settings: "ss01"; } </style>

Let me know how you go Tatjana would love to know the results :)

Best wishes and Good Luck!
Sincerely
Richard

Dear Michele @Micheleamaglio

These are the CSS properties of the sub-menu example you like

{ position: absolute; padding-left: 50px !important; top: 0px !important; /* line-height: 18px; */ /* background-color: #f5f5f5; */ border: 0px solid grey; padding-top: 0px /*padding-top: 45px;*/ /*padding-left: 75px;*/; }

So your CSS would need to change to something like:

.primary .sub-menu { display: none; position: absolute; padding-left: 50px !important; top: 0px !important; border: 0px solid grey; padding-bottom: 20px; } nav.primary .sub-menu li{ display: inline-block; } .menu-item:hover .sub-menu{ display: block; }

Paying attention to 'padding-left' & 'top' for your Menu's placement :) Let me know how you go and hope this helps!

Best wishes for 2021
Richard

Dear @PhilipQ

Are you able to post a link to your website to get a better idea?

You could change the text "font-size" to 'em' or % or even 'vw' Viewport width to have it change responsively to browser width:

https://www.w3schools.com/css/css_font_size.asp

Best :)
Richard

Dear @tinjessen

I am finding no luck trying to get the way you need it to work, with doing it manually, i think you will have to design accordingly i'm afraid:

Screen Shot 2021-01-10 at 1.25.31 PM.png
Screen Shot 2021-01-10 at 1.25.38 PM.png

Recreating the Class / data structure of the short-code feature doesn't seem to work they way i had hoped.

I think you will need to seperate the text/shortcode elements

Best wishes & once again sorry for any inconvenience the compromise may cause
Richard

Dear @PhilipQ

Just to get a better understanding, how would you wish it to be more responsive? The elements width proportion themselves with browser width - when i scale the browser so do the elements - is this not Responsive? What would you wish to change? :)

Best wishes
Richard

Dear Cristina @CristinaLavosi

Not possible with the current options atm, bit of a tricky one - easy to remove clicking altogether but obviously not practical!

there is the Swiper API, looking at click events: https://swiperjs.com/api/#events

Also preventing click but not drag is a thing to google: https://stackoverflow.com/questions/18032136/prevent-click-event-after-drag-in-jquery/18032193

https://stackoverflow.com/questions/53703120/how-can-i-prevent-click-on-drag

But at the moment this may not be an option, unless asking the aid of a developer.

https://stackoverflow.com/questions/44115954/swiper-touch-events-enable-click-but-disable-drag

Sorry that this is not the help you were probably after - hopefully others have some ideas, if too difficult compromising on that area of your design may be necessary

Best wishes for 2021!

Dear @jackentee

Thanks for the update :)

Just for others curiosity how did you solve it?

Best wishes
Richard

Dear @acmarion

Thanks for posting!

Best
Richard