How to fix Slider height issue on mobile.

How to fix Slider height issue on mobile.

Depending on height of your logo, on mobile slider can overlap with header. To fix this issue, you can increase slider height on mobile, below are the steps to do it.


Click on "Slider Revolution"

Click on Slider Revolution I

Select slider

Select slider Click on the slider you want to edit. Click on the slider you want to edit.

Click on "Slider Settings"

Click on Slider Settings

Click on "450px"

Click on 450px
 Modify mobile height as per your need. Modify mobile height as per your need.

Save settings from right top Green button.

Save settings from right top Green button.

lets verify.

lets verify.

Mobile icon

Mobile icon Click on the mobile icon on canvas and you will notice the top space now. Click on the mobile icon on canvas and you will notice the top space now.
    • Related Articles

    • Making layers responsive in Revolution Slider.

      The Revolution slider plugin is very powerful and it provides an easy way to setup responsiveness of the slider. Here are the few tricks you can use to play with the responsiveness of the layers and their content yourself. Step 1) Go to Slider ...
    • Fixing mobile menu if its not proper.

      In Howello theme, if your logo height is more than the 60px, the mobile menu opening container might overlap with logo. To fix this, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .navbar-header { height: 175px; ...
    • How to change image and increase height of Hero section.

      The section below header is called Hero in this theme and to edit its background image and content edit that particular page in wp-admin and on extreme bottom you will find a section to edit Hero section where you can put image. For changing the ...
    • Reduce logo on mobile in Fitzeous theme

       In fitzeous theme, in order to reduce size of the logo in mobile only, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_header_area .header_menu .navbar .navbar-brand img {  width: 50%; } ...
    • Change menu BG color on mobile.

      https://share.getcloudapp.com/d5ueeBE9 If you want to change menu background color on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_menu .navbar { background: #000000 !important; ...