Hello;
I would like to reduce the height of the revolution slider.
How or where is the set-up to update the height on each size screen (devices)?
I appreciate your help.
15 replies · opened Feb 1, 2021
Hello;
I would like to reduce the height of the revolution slider.
How or where is the set-up to update the height on each size screen (devices)?
I appreciate your help.
Hello,
Currently, this is not supported by the Revolution Slider. You can consider using the Height Utility Classes: but the Revolution Slider adjusts the Heights according to its Settings.
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridwidth:[1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridheight:[400, 768, 960, 720],[/ch_pre]
More about these settings can be found here: https://www.themepunch.com/revsliderjquery-doc/responsive-setup-2/ .
You can edit/add these Settings at the bottom of the Revolution Slider Template in the JS Codes.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you for your response.
I made a mistake, I asked for revolution slider and I am noticing that demo-restaurant use slider or swiper_slider (sorry I am not familiar with it).
How I can update the height on each size screen (devices)?
Hello,
We recommended using the Height Utility Classes: http://docs.semicolonweb.com/docs/utility-classes/heights/ .
But if you are looking to setup Specific Heights, you can consider using the following:
[ch_pre].device-md .slider-element {
height: 400px;
}[/ch_pre]
The Responsive Classes are as follows:
.device-xl – Class for Large Devices >=1200px
.device-lg – Class for Medium Devices >=992px to 1199px
.device-md – Class for Tablets
.device-sm – Class for Landscape Mobiles or Phablets.
.device-xs – Class for Portrait Mobiles
You can add these Custom CSS codes in the css/custom.css File.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you for your prompt response, I am going to try this, in the meantime, I have another question:
When the site is loading, it is showing a pizza/slices icon, How can I change/edit the pre-loader?
Hello,
First, you will need to remove the data-loader-html Attribute from your `` tag.
Please consider checking out this Documentation: http://docs.semicolonweb.com/docs/getting-started/page-transition/ to change your Page Transitions.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much, I really appreciate all your help!
Just one more question:
The right and left icons of the slider are not showing:
<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
Can you point me in the right direction to fix it?
Thank you so much!
Hello,
Very Happy to Help!
This should be working by default. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on 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.
Thank you, in the meantime, can you please let me know how to keep the custom header showing on mobile devices?
I made a screen page for you to explain myself.
See attached file.
Hello,
Can you please consider attaching the File again as we cant see it. Make sure that your Files are not more than 2MB in size as it will then not be uploaded. 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.
Sorry, please see the attached file.
Hello,
Thanks for the Updated Screenshot. Unfortunately, this is currently not supported on Mobile Device which is why it has been removed by default. We will try integrating this in the Future Versions of Canvas and will notify you once this is available. 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.
Thank you so much!
Another question:
Does the menu installed on the demo-restaurant.html has sub-menu class available?
Hello,
Absolutely! You can add the Sub-Menu Codes to the Menus using the sample codes from any of the included Templates: menu-*.html File.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much; I really appreciate all your help!
Blessings
Hello,
Very Happy to Help! :)
Do let us know if we can help you with anything else.
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