41 comments found

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi, Love your work! I’m wanting to use the “supporters area” of the homepage to display 10 of our significant corporate donors’ logos. How do I go about ensuring that regardless of screen size all 10 logos (or company names) appear? At the moment the overflow property is set at hidden resulting in the reduction of the image blocks. Thanks,

KennyWilliams

Hi Remove the overflow property from the supporters container and it should work as you want.

Default-user

Doing so has the logo images overflowing into the areas below. Is there a way in which the size of the images and the space in between them can reduce as the screen size itself reduces?

KennyWilliams

Can you email me your URL, thanks

Default-user

sorry, I’m a bit new to all this. I’m still just working on it locally before taking it live

Default-user

www.keydesign.com.au

Default-user

Just on another challenge I’m having, I noticed when I insert a 3rd and 4th level in the menu that all levels automatically appear when hovering over the 2nd level. Is there a simple way to fix this so that only the relevant next level appears when hovering?

KennyWilliams

Hi Gordon, for the supporters, please remove the hight property from .social-thumbs in the main.css file.

The menu wasn’t intended to go 5 levels, only 3. To fix update ”#nav ul li:hover ul” on line 330 of main.css to ”#nav ul li:hover > ul”

Also separately you can correct the colours of the submenu side arrow by updating the border colours for ”#nav li:hover ul ul:before” that way they won;t look like gray boxes in your sub menu’s.

Default-user

Thanks Kenny. Supporters area is all sorted. Menu unfortunately isn’t looking quite right. I’ve made your adjustments at www.keydesign.com.au.

What I would like is when I hover over a level2 menu item that only its level3 options appear. At the moment level4 options are appearing and for non-related level2 hovers. (eg outreach cities appearing even when hovering over “Drop-in Centre”.

Thanks again Gordon

KennyWilliams

Hi Gordon, I don’t think your update was done right. Use the CSS below and delete the old from main.css that you updated earlier.

#nav li:hover ul ul:before{
    border:7px solid;
    content:"";
    display: block;
    position: absolute;
    border-color:#2f353f #242931 #2f353f #2f353f;
    left:-14px;
    top:12px; /* you can adjust */
}
#nav ul li:hover > ul {
    display: block!important;
}
Default-user

Perfect – You’re a champion! Many thanks

by
by
by
by
by
by