• Hi…can anybody tell me how to fix this? when you scroll over my menu (“whats new?” and “about us”) and the sub-menu comes down, the slide show jumps just a little…it’s driving me nuts! lol! It is probably something simple, but I have played with margins and paddings on both elements and cant seem to get it to stop. Any suggestions?

    Here is the link: https://maatmatters.org/testsite/

Viewing 12 replies - 1 through 12 (of 12 total)
  • Kind of hard to tell for sure, but fooling around in Firebug, it looks like it may be caused by a this <div class="cleaner"> </div> which is between the menu and the slider. The CSS code for it is:

    #container div.cleaner {
        clear: both;
        font-size: 1px;
        height: 1px;
        line-height: 1px;
        margin: 0;
    }

    which looks like it is there to use “clear” below the menu. If you remove the font-size, height and line-height, there is a bigger gap, but the “jump” seems to stop. Then you could try using a negative top margin on the slider div below.

    Thread Starter seinnaidess

    (@seinnaidess)

    Thanks WPyogi!

    I kind of suspected that may be the culprit, but wasn’t sure how to manipulate it…I will def give your advice a go and report back!!!! ??

    Thread Starter seinnaidess

    (@seinnaidess)

    shoot! I just tried it in firebug lite (I am using Chrome) and I didn’t see any difference…it’s still jumping….just curious as to what browser your using and if that made a difference?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you check whether plugins are responsible by de-activating them?

    Thread Starter seinnaidess

    (@seinnaidess)

    Hey Andrew!

    Deactivated the plug-in’s and they are not responsible:/

    What now???

    You would think this would be simple right?? lol…..

    Thread Starter seinnaidess

    (@seinnaidess)

    By the way, I just removed the “What’s New” menu item (it was linked back to the home page and didn’t take you anywhere)…so the only one now with a sub menu is the “About Us” …. but the jump is still a concern because “About Us” is the only one with a sub menu….for now. Once the client gets the site, they may add sub-menu items so I want to resolve this glitch.

    Thanks for all your help:)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s to-do with your dropdown menu.
    If you position the dropdown menu absolute, the issue disappears (but formatting goes too).

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    We can still resolve this if you’re interested.

    Thread Starter seinnaidess

    (@seinnaidess)

    absolutely! (no pun intended, lol) please help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this CSS;

    #menu li {
     position: relative;
    }
    
    .submenu {
     position: absolute;
     right: 0;
     top: 0;
    }

    Thread Starter seinnaidess

    (@seinnaidess)

    Thanks Andrew!

    Unfortunately the .submenu conde didn’t really have much effect. The menu was still out of place but overall, I’m pretty sure I can get it right from here….I just wanted that darn jump to stop, and it has….thank you so much for your help (everyone) and if I have any other questions I will pop back in:)

    All the best!

    Thread Starter seinnaidess

    (@seinnaidess)

    okay sooooo….changing the position of the menu to absolute fixed what i needed to fix but created a new problem that i noticed the other day…now the menu collapses as one resizes the browser window…i dont want it to do that:(

    is it either/or? or can i have both?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘photoria template, drop down making the slideshow jump?’ is closed to new replies.