• Resolved edupl

    (@edupl)


    Slider image does not load in mobile – nor does top menu. Works fine on desktop and tablet.

    Help greatly appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello @edupl,

    Thank you for reaching out to us!
    Please add the following code in Appearance > Customize > Additional CSS to fix the issue with the slider:

    @media screen and (max-width: 600px) { #slider .slider-slides {
        height: 500px;
    }
    .topmenu {
        display: block;
    }

    Keep in mind that you are not using as your menu the main menu of the theme which was designed to be responsive.
    You are using the top menu, which was designed to be hidden on mobile, but with the above code you can display it.

    Please let me know if you have questions!

    All the best,
    Mihaela

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hi,

    first of all, when your site riched at the mobile screen the height shows auto show first you have to change this height in mobile view. So for that add below code into your additional CSS from customizer.

    @media only screen and (max-width: 600px){
        #slider .slider-slides {
            height: 500px;
        }
    }

    And in your style.css I found that when it comes in mobile view below CSS was applied.

    @media only screen and (max-width: 600px){
        .topmenu {
             display:none;
        }
    }

    So just remove it from your stylesheet, And if you are not the creator of Style sheet then again open your additional CSS from customizer and add below code,

    @media only screen and (max-width: 600px){
        .topmenu {
            display:inline-block;
        }
    }
    Thread Starter edupl

    (@edupl)

    Yes! That did it! Thank you so much!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No slider or menu in mobile’ is closed to new replies.