Left Menu Flyout is a little 'funky'

  • Hi All,
    I’ve read through the forums and i’ve not found a solution to my particular problem. My problem is that my flyout menu’s seem to ‘gather’ a little bit of ‘horizontal’ space, the further down the menu, the further out the item appears. I know that this means that it is being inherited from somewhere, but beyond that I’ve had no luck. Originally the menus were right flyouts (Flying out to the right) but this caused them to be diffucult as they would end up being positioned outside the chrome and make my sub and sub sub menu’s pointless/difficult to use (See: Class menu drop down, anything off of academic is fine, anything off of ITC is unusable because of the empty ‘space’).

    https://sccc.maxworks.org

    I’m a new with this sort of stuff – first time really trying to make my own theme – i’m a college student trying to learn. Any help is greatly appreciated. Thank you in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you identify your theme here: https://www.ads-software.com/themes/ ?

    Thread Starter chezshire

    (@chezshire)

    It’s my little wackadoodle bit of goodness; Our teacher started us out building things in class. This is where I’ve gotten too. So i’ll say home-brewed if that is ok.

    This is the code i used to make them fly out to the left if that helps:

    .menu li li:hover > ul {
    left: -230px;
    top: 0;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your submenus’ widths are not consistent, so you have to use different “left” styles on those different submenus.

    Thread Starter chezshire

    (@chezshire)

    What does that mean Andrew, ‘not consistent’. Or rather what do you mean so that I know I am understanding you correctly.

    And thank you for pointing me to something.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The widths are not the same, one submenu has a wider width than the other (hence why you need to push one further to the left than the other).

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Left Menu Flyout is a little 'funky'’ is closed to new replies.