Hello:
I am building a page that uses the Slider of the index-restaurant.html page: How to make its 3 lines of text + button always centered on the screen and readable in a mobile view? Currently the letters are very small.
Regards
5 replies · opened Aug 9, 2023
Hello:
I am building a page that uses the Slider of the index-restaurant.html page: How to make its 3 lines of text + button always centered on the screen and readable in a mobile view? Currently the letters are very small.
Regards
Hello,
You can remove the .tp-resizeme Class from the Layer you don't want to resize. Additionally, you can control the Font Sizes on different devices using the data-fontsize Attribute added to the Layer. Detailed Documentations about the same can be found here: https://www.themepunch.com/revsliderjquery-doc/responsive-setup-2/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hello:
Thanks for the link to the documentation, it has helped me a lot, but I have a problem with a button that following the documentation I have not been able to solve, I need the button marked with the red arrow in the attached image, positioned where the green arrow indicates (center + middle) but setting these properties: data-y + data-hoffset + data-voffset only work for laptop and desktop sizes but not for mobile and tablets.. How could I fix it?
Regards
Hello,
Please provide us with the Live URL of the updated codes so that we can look into this further. Additionally, make sure that the JS Codes for the Responsive Devices is already setup in the Revolution Slider Initializations Codes:
[ch_pre type="js"]responsiveLevels: [1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridwidth:[1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridheight:[400, 768, 960, 720],[/ch_pre]
Because usually, if this is not setup correctly, the Grids and Responsive Features do not work correctly, so please consider double-checking this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hello,
Consider removing the spaces between the values of data-x, data-y, data-hoffset and data-voffset as this might be causing the issues. Everything else appears to be fine as the responsive feature seems to be working for other content within the Revolution Slider.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard