Slider on mobile

Home Forums Jevelin Theme Slider on mobile

Home Forums Jevelin Theme Slider on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • empowershop
    Participant

    Hi support, we wanted to ask for your help in fixing the slider and header region of the homepage on mobile.  If you see the screenshots attached you’ll notice that

     

    1. The button on the slider doesn’t resize with the slider and gets cut off on mobile. How can we resize the button automatically on mobile as well?
    2. There is a white space between the slider and the top of the page where the menu is. Could we remove this space?
    3. The shop’s logo on the upper left hand corner doesn’t show on mobile only on desktop. How can we get it to show on mobile as well?

    Could you help us to fix these?

     

    Thank you

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

    Solution for this topic

    Hi @empowershop,

     

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

     

    The button on the slider doesn’t resize with the slider and gets cut off on mobile. How can we resize the button automatically on mobile as well?

    You have to make the slider responsive to achieve this as described in the below pages.

     

    https://www.liontreegroup.com/responsive-web-design/how-to-make-revolution-slider-look-better-on-mobile-devices/

    https://themes.zone/docs/how-to-make-slider-revolution-responsive/

    https://www.youtube.com/watch?v=inIULl3QolI

     

    There is a white space between the slider and the top of the page where the menu is. Could we remove this space?

    You can remove 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 {
        height: auto !important;
    }

     

    The shop’s logo on the upper left hand corner doesn’t show on mobile only on desktop. How can we get it to show on mobile as well?

    Please try updating the theme on your site to the below latest version as described here https://support.shufflehound.com/updating-theme/

     


    Please login to access this file

     

    Best regards,
    Shufflehound team

    empowershop
    Participant

    Hi Support, thank you for your help with these questions. We applied them and they all worked. However the contact form on desktop looks off after the update. It looks great on mobile though. How can we make the form look the same on desktop?

     

     

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

    Solution for this topic

    Please edit that contact form 7 element and change its style to whatever you want to as shown in the attached screenshot.

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

    empowershop
    Participant

    Thank you!

    You are most welcome here 🙂

Viewing 6 posts - 1 through 6 (of 6 total)