Skip to main content
jzutter
jzutter
Known Participant
January 19, 2017
Answered

WowSlider Doesnt work when browse is smaller than certain size

  • January 19, 2017
  • 3 replies
  • 457 views

I Can not get WowSlider to work when browse is smaller than certain size. Bates Brothers Amusements: Food & Games.​ Any Suggestions?

    This topic has been closed for replies.
    Correct answer osgood_

    In your navigation.css you have the below css styling which is making the the wow slider main image disappear when the browser width gets to 769px in width.

    Look for the ul selector which is within the 769px media  query tags:

    @media screen and (max-width : 769px){

    /*Make dropdown links appear inline*/

    ul {

    position: static;

    display: none;

    }

    Change it to have #menu prior to the ul like below:

    /*Make dropdown links appear inline*/

    #menu ul {

    position: static;

    display: none;

    }

    The small thumbnail images disappear on small devices but I think that is what is meant to happen.

    3 replies

    jzutter
    jzutterAuthor
    Known Participant
    January 30, 2017

    How do i get it so the navigation overlays the slide show(s)? I this is the last thing i have to do to complete this project.

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    January 30, 2017

    jzutter​ The last question has also been posted at https://forums.adobe.com/message/9296822?et=watches.email.thread#9296822

    To avoid confusion and because your original question has been answered, I am locking this topic.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    jzutter
    jzutterAuthor
    Known Participant
    January 21, 2017

    Works great now! Tanks

    O
    osgood_Correct answer
    Legend
    January 19, 2017

    In your navigation.css you have the below css styling which is making the the wow slider main image disappear when the browser width gets to 769px in width.

    Look for the ul selector which is within the 769px media  query tags:

    @media screen and (max-width : 769px){

    /*Make dropdown links appear inline*/

    ul {

    position: static;

    display: none;

    }

    Change it to have #menu prior to the ul like below:

    /*Make dropdown links appear inline*/

    #menu ul {

    position: static;

    display: none;

    }

    The small thumbnail images disappear on small devices but I think that is what is meant to happen.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices