set the same font for different languages frontpage

Hi,
I tried to move upper my image background a bit upper and actually it looks better, but only for big screen size. For smaller desktop it is better how it was.
So I wander if I should create several front-page (2/3) for several desktop dimensions.
I posted a video in the private link in order to explain me better.
Thank you very much for your support
Best regards
Matteo

Hi,
thanks for your answer.
my background is not white but is already with the image included (white + image) so i did not add any layer with the image.
That’s why if i set another valure in px as you showd my by picture, the only part i see moving is the text (which i insert by a layer).

Since it seems the only solution is creating different sliders for different screen i tryed to change (inside layer settings) my layout:
canvas width and canvas height.
I found that: for my small tablet desktop which has a screen resolution of 2160×1440, the best layout i can set for this screen is:
– canvas width 1260
– canvas height 720

for my laptop which screen resolution is 1920×1080 i found to have a better view with:
– canvas width 1400
– canvas height 720

So, as i see i can create another sliders for my frontpage and set one with those settings – canvas width 1260 / canvas height 720 and the other one with – canvas width 1400 / canvas height 720.
How i can make those settings work automatically for different screen size?

Thank you
Best regards,
Matteo

• This reply was modified 4 years, 10 months ago by Matsky1.

I will try to create an image adding it by layer in order to check if i can have a better view.
I will keep you update,
Thanks!
Matteo

Hi,
it works! thank you. I created new layers adding my image here and it looks fine.
Now the text of the front page (added by layer in html) does not stretch as i would like for different size of desktop.
I was trying to use yor code in order to adjust it but i cant.
I tryed as follows:

1. i created a new layer slider (home page italiano big size desktop) ———–> here i wrote my text in a different way then the other layer slider.

2. i went on CSS and i inserted this code:

@media only screen and (min-width: 18px) and (max-width: 24px) {
#layerslider id=”38″ {
display: block;
}
#layerslider id=”29″ {
display: none;
}
}

Note: desktop size where i would like to see different text is 22px (inside 18/24 which i wrote on the code above).

Do you have any other code to suggest me in order to make it work?

Thank you.

Best regards,
Matteo

ps. please have a look to the video in the private content for better explanatin

Thank you Mike :)
i will try and let you know.
Best regards,
Matteo

Mike it works perfectly. Thank you.
I have other little issues for my website but i think to have
used of your kindness and availability too long.
So i guees it’s time to close this thread.
I ll open an other with new issue.

Thank you again,
Best regards
Matteo