Slider revolution position on mobile device

Home › Forums › Jevelin Theme › Slider revolution position on mobile device

Home › Forums › Jevelin Theme › Slider revolution position on mobile device

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • Jaro
    Participant

    Hello,

     

    i have a small issue with revolution slider position on mobile. My slider and menu are overlay. It is possible to set slider revolution under menu on mobile phone?

     

    Thank you

    Jaro

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi Jaro,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    header.primary-mobile.primary-mobile-light {
    position: relative !important;
    background: #000;
}

     

    Best regards,
    Shufflehound team

    Jaro
    Participant

    Hello,

     

    thank you for your quick response.

    I added the code to the page and inserted the black row over slider.

     

    I just want change position slider revolution under menu header.

     

    Because on mobile device is overlaps slider revolution text and header menu text.

     

    Thank you

    Jaro

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    To achieve that you can use below custom CSS code but please note that if you don’t set any background color to mobile menu then it will display white and you won’t see white text on white background.

     

    header.primary-mobile.primary-mobile-light .sh-sticky-mobile-header {
    position: static !important;
}

header.primary-mobile.primary-mobile-light {
    position: static !important;
    height: auto !important;
}

    You can set background color to it using below custom CSS code.

     

    header.primary-mobile.primary-mobile-light {
    background: #aea6a6 !important;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)