Hello. I am using your template, replacing the content. Some pages of the site look strange at different resolutions. Somewhere the content is compressed, forming too much free space, but somewhere it simply does not fit. Help, please, to solve this problem.
What you show me are the settings for different devices: 1. Computer 2. Tablet 3. Phone
I have 2 computers. On the first - 2560x1440, on the second - 1920x1080. Look again at the screenshots that I sent, I have a different display of the page on my computers. Therefore, these settings do not help me.
Hello! My question was not understood. I don't want to change anything, but the site is not working correctly. With the same aspect ratio (2k, full-HD), the pages on the site are displayed incorrectly. Please see my first post and screenshots, I explained it all there.
The standard font sizes in Salient use px unit values. This means that you'll see the same font size on desktop (screen sizes larger than 1000px wide). Taking your section "Вы узнаете о 3D-моделировании" as an example, you are using the heading tag H3 for all of your list items 1-5:
The font size of that h3 is set at 22px. This means that on smaller screens, you'll see the text break into multiple lines, where as on larger screens, there will be enough space for the text to stretch out into single lines.
If your goal is to have the text scale to always appears the same percentage of the available screen space, you'll need to use the "Responsive Text" page builder element. That element allows you to specify different font sizes for each viewport and also supports "vw" unit sizing, which scales directly to a percentage of the viewport.
Here's an article you can read on vw font sizes in case you're unfamiliar with what they are or how they work.
If you would like us to edit one of the sections on your website to use the Responsive Text element as an example, we would be glad to if you can provide a temporary admin account.
Hello. I am using your template, replacing the content. Some pages of the site look strange at different resolutions. Somewhere the content is compressed, forming too much free space, but somewhere it simply does not fit. Help, please, to solve this problem.
I am attaching screenshots.
Thanks
Attached files: 2023-07-11_19-55-32.png
2023-07-11_19-53-04.jpg
2023-07-11_20-11-17.jpg
2023-07-11_20-11-56.png
Hey Again,
Try using the New Responsive Typography Settings in here :
.
Best.
ThemeNectar Support Team
Hello. I have this setting enabled. Do I need to turn it off?
Attached files: 2023-07-12_12-13-50.jpg
Hey Again,
You can try adjusting the values or turn it off completely to check what works correctly for you.
Thanks
ThemeNectar Support Team
Hey Again,
You didn't understand the question.
What you show me are the settings for different devices:
1. Computer
2. Tablet
3. Phone
I have 2 computers. On the first - 2560x1440, on the second - 1920x1080. Look again at the screenshots that I sent, I have a different display of the page on my computers. Therefore, these settings do not help me.
Hello there,
Thank you for getting back to us.
Try setting the max container width to the maximum in the Salient > General Settings > Functionality as shown in this screenshot.
I hope that helps.
Kind regards,
Unfortunately it didn't help.
Attached files: 2023-07-12_20-48-30.jpg
2023-07-12_20-49-00.jpg
2023-07-12_20-48-01.png
Hey Again,
Thanks for the screenshot, however could you let us know which resolution you wish to change and how ?.
The Page Elements use the Flex display property and adjust automatically depending on the screen size.
Thanks
ThemeNectar Support Team
Hello! My question was not understood. I don't want to change anything, but the site is not working correctly. With the same aspect ratio (2k, full-HD), the pages on the site are displayed incorrectly. Please see my first post and screenshots, I explained it all there.
Hello again,
Thank you for getting back to us.
Allow me to escalate this to the developer to advise further on this.
We appreciate your patience.
Thanks,
Thanks, I'll be waiting.
Hey kopninaks,
The standard font sizes in Salient use px unit values. This means that you'll see the same font size on desktop (screen sizes larger than 1000px wide). Taking your section "Вы узнаете о 3D-моделировании" as an example, you are using the heading tag H3 for all of your list items 1-5:
The font size of that h3 is set at 22px. This means that on smaller screens, you'll see the text break into multiple lines, where as on larger screens, there will be enough space for the text to stretch out into single lines.
If your goal is to have the text scale to always appears the same percentage of the available screen space, you'll need to use the "Responsive Text" page builder element. That element allows you to specify different font sizes for each viewport and also supports "vw" unit sizing, which scales directly to a percentage of the viewport.
Here's an article you can read on vw font sizes in case you're unfamiliar with what they are or how they work.
If you would like us to edit one of the sections on your website to use the Responsive Text element as an example, we would be glad to if you can provide a temporary admin account.
Kind regards
Many thanks for the detailed answer. I'll try to figure it out myself, if I can't, I'll contact you. Thanks again.