- This topic is empty.
July 25, 2013 at 1:49 pm #144592
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 advanceJuly 25, 2013 at 2:44 pm #144598Leonhard OrtnerParticipant
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…
position: absolute !important;
but you have to give your header:
but i think you will run in many other problems :/
leoJuly 25, 2013 at 2:47 pm #144599
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 :pJuly 25, 2013 at 3:48 pm #144613jrelginParticipant
@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.July 26, 2013 at 12:37 am #144646Leonhard OrtnerParticipant
@jrelgin thank for your replay, but i got the clearfix right from his live-code/html ;)
leoJuly 26, 2013 at 5:40 am #144673
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.
- The forum ‘CSS’ is closed to new topics and replies.