Help me trouble shoot?

[MarkRBM]

So this may be asking too much but I am going to try it anyway.

Here is a link to a dev server for a site I am working on scenicflights.fbmh.co. This is my first wordpress theme from scratch and my first responsive site from scratch. I thought I was organised and had planned enough but I have gotten it to a stage were I am just wasting time banging my head off walls and maybe you guys can help.

There are obviously numerous bugs and layout problems but I think I can resolve most of them given time there are a 3-5 though that I just cant think of what more to do.

My first question is the menu in the top right. I cant figure out how to make it stick to the far right of the div that it is in. I also cant decide what the best solution to it becoming two lines high when the browser is at certain widths. anyone have ideas about how to approach this?

Thanks in advance

[Leonhard Ortner]

Hi,

first you have to clear your markup,…

<div class=”clearfix” id=”header wrapper”>

i think an id with an “space” between isnt valid…

position your nav absolute on the right side and from above… “!important” just to overwrite your code in firebug…

nav {
bottom: 4px;
position: absolute !important;
right: 0;
}

but you have to give your header:

#header {
position: relative;
}

but i think you will run in many other problems :/

wbr
leo

[MarkRBM]

Thank you I will do that, I dont remember using any ids so I will look back and try and clean it all up and yes I am sure I will but I won’t make these mistakes again :p

[jrelgin]

@MarkRBM one note about using @Leonhard Ortner clearfix method. You must write the clearfix rules in your stylesheet. Adding it as a class alone, won’t do anything. More here: [https://css-tricks.com/snippets/css/clear-fix/](https://css-tricks.com/snippets/css/clear-fix/ “Clearfix link”)

This might be obvious on it’s face, but if you’re new to the technique, I thought I might mention it.

[Leonhard Ortner]

Hi jrelgin,

@jrelgin thank for your replay, but i got the clearfix right from his live-code/html ;)

bwr
leo

[MarkRBM]

Thanks guys that advice has worked. I had tried it already but I think I put the position relative on the div inside the nav element and not the nav element itself and the div went hay wire but putting it on the nav has worked great.

My second question is about the footer. It stays within the body on every page accept the locations page. It is a javascript sticky footer and I am not too great with javascript but it seems to me that it is in the exact same place in the flow on that page as all the others but it dosnt work on that one page. Any ideas?

[Author]

Posts