Nav bar gone wrong and no padding around the logo

[kajoon]

Hello, my nav bar dosen’t work properly, i can’t click on the submenu? someone help me:)?
And my logo want have any padding around?!

I really need help.

Karoline:)

wp.visuelt.as

[Paulie_D]

To start with, don’t do this

.main-nav ul ul {
position: absolute;
top: -9999999px; /* here /
left: 0;
opacity: 0;
background: #5ca5cc;
text-align: left;
box-shadow: 2px 2px 0 #b5b5b5;
}

It has huge performance issues.

I am getting missing jquery files as an error so that might be the issue.

[kajoon]

Okey, so i need to remove it? (i did that now)
But my jquery files is in the js folder?

Now my menu dissapere under my slider:/
And my footer is all messed up:(

i did nothing to my footer:/?

thanks for the help btw.

[Paulie_D]

What’s this about? Why are you importing a file from CSS tricks (or at least trying to)?

<script src="https://css-tricks.com/js/jquery-1.2.6.min.js" type="text/javascript"></script>

[kajoon]

Oh i did not see that. i have now changed it.

But do you know why my menu is not going over my slider?

And my slider will not be 100% wide:/?

thank you for your time.

[Paulie_D]

Ok…firstly, your slide is 100% wide but it looks like you may need to change some of the setting to center the images.

There is no property called float:center

#main-pic {
width: 100%;
float: center;  /* ??? */
}

Try this instead

#main-pic {
width: 980px; /* which is the width of the pictures /
margin: 0 auto;
}

[Paulie_D]

Once you’ve done that…you sub-menus become visible..although you have some positioning work to do.

.main-nav ul ul {
position: absolute;
/* left: 50px; */ REMOVE THIS */
opacity: 0;
background: #C4C4C4;
text-align: right;
box-shadow: 2px 2px 0 #b5b5b5;
z-index:10; /* add this too but experiment with the number */
}

[kajoon]

Okey but i tought it was fine now? I followed a tutorial by awfullmedia or something. But What should i do to make it great? Because i want the nav bar to work fine at ipad and iphone:)

Thanks for the help!

[Author]

Posts