[FIXED] Menu suggestion

View player profile Forum posts: 3

Muscut from team unique

Posted on 21 Jan 2017 at 20:06

Hi I noticed that not the menu items are not 100% clickable.

Example:

Clickable area:

Suggested fix:
HTML: Add a class to each anchor inside li element

News

Ladders

Tournaments

Teams

Players

Media

Forums

Support

CSS: Add display:block and height:100%
.menu-link {
display: block;
height: 100%;
}

Quote this post Report this post

View player profile Forum posts: 3

Muscut from team unique

Posted on 21 Jan 2017 at 20:10

Of course I meant to post some HTML code but forgot to put code tags:

HTML:
<ul>
    <li><a class="menu-link" href="https://scrimbase.com"><i class="icon-news"></i>News</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/ladders"><i class="icon-ladders"></i>Ladders</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/tournaments"><i class="icon-cups"></i>Tournaments</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/teams"><i class="icon-clans"></i>Teams</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/players"><i class="icon-players"></i>Players</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/media"><i class="icon-media"></i>Media</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/forums"><i class="icon-forums"></i>Forums</a></li>
    <li><a class="menu-link" href="https://scrimbase.com/support"><i class="icon-support"></i>Support</a></li>
</ul>

CSS:
.menu-link {
    display: block;
    height: 100%;
}

Quote this post Report this post

View player profile Forum posts: 3

Muscut from team unique

Posted on 21 Jan 2017 at 20:11

Quote this post Report this post

View player profile Forum posts: 45

jjwTje^ from ScrimBase Crew

Posted on 22 Jan 2017 at 17:20

Thanks for letting us know. We will fix it with the next update :)

Quote this post Report this post