Top Wrapper containing login, basket, checkout etc. has a very small clicking area...

[J9MM0]

Hi All,
For some reason my Top Wrapper containing login, basket, checkout etc. has a very small clicking area to be able to click the icon or words.
See https://www.selfbuildplans.co.uk
Does anyone know whats wrong and how to fix this?
Thanks.

[lat9]

Within the site's tpl_header.php, you've added a logoText element (containing the shop's phone number) that's overlaying those right-side links.

[J9MM0]

Hi Lat9,
That makes sense.... any thoughts on how i can fix that?
Thanks.

[lat9]

Hi Lat9,
That makes sense.... any thoughts on how i can fix that?
Thanks.

Not at the present time.

[simon1066]

Within the site's tpl_header.php, you've added a logoText element (containing the shop's phone number) that's overlaying those right-side links.

I think the optimal way would be to

1. Remove the <div class="onerow-fluid "> that wraps around the tel no., so it looks like this:

 <div class="logoText"> [code for tel no.] </div>

2.reposition this 'logotext' div inside #navmainwrapper,

<div id="navMainWrapper">
<div class="logoText"> [code for tel no.] </div>
<div id="navMain">

Alternatively, you could position those right-side links in front of the 'logotext' element by adjusting their z-index in your stylesheet.css,

line #151

#navMainWrapper {
    margin: 0 auto;
    color: ########3d;
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;

(the above color code obviously should remain as #########3d)

[simon1066]

aargh! can't seem to post '# 3d 3d 3d' without spaces

[J9MM0]

Hi Simon1066,
Changing the stylesheet seemed the obvious one, so i did that and it work a treat!..
Thanks very much.