Forum Replies Created
-
AuthorPosts
-
colsonKeymaster
Sorry you only see the line number in firebug or if you download your css file and use an editor. line 186 should be down just a bit in your css just look for #title-area you will see it just below #header in your css file I believe.
colsonKeymasterIt would be in the same place but over to the right more. In the header left area there is an area which is #title-area that is about 300px wide(you can change with if needed) but you don't. And when you have just a logo like you do you can pop it in there instead. If you want just copy that code and pop it into your css file and you can see what it looks like. You can leave your other header in there for now just to see how it will look.
Corinne
colsonKeymasterDo you have a link to your site? Which theme is this for?
colsonKeymasteractually what I would do is remove the logo from the header and then put it in the Title area this will work better for your responsive I think. So what you could do is add this to your css on line 186
#title-area {
background: url("http://fitmenover40.com/wp-content/uploads/2013/07/logo1.png") no-repeat scroll 0 0 transparent;
float: left;
margin: 0 0 20px 80px
width: 35%;
}You can change the 20 which is the bottom margin distance and 80 is the left margin... I just kinda guessed where you maybe wanted it.
colsonKeymasterBecause you have !important on the following style:
.post-image {
border: 0 none;
margin: 0 0 30px -40px !important;
max-width: none !important;
padding: 0;
}You can add in the following style to your css and it should work, or you can edit the above style by adding "margin: 0 10px 30px -40px) and it will work also, but may effect other images in ways you don't want (if you are wanting these changes just for the images on this page that are links you can look at the top of your html page with firebug and add in the page id and it will only change this page.
.entry-content a img {
margin-right: 10px!important; (you need important here because of the !important on the above style)
}Ok hope that was not too confusing, I think I confused myself 🙂
colsonKeymasterCan you include a link to the site so we can help you better..
colsonKeymasterYou can copy the above style and add .page for those styles and it will just work on the inner pages and not effect the home page.
.page .content-sidebar #content-sidebar-wrap,
.page .full-width-content #content-sidebar-wrap,
.page .sidebar-content #content-sidebar-wrap {
width: 920px;
padding-left: 15px;
padding-top: 10px;
}colsonKeymasterGlad it worked 🙂
Corinne
colsonKeymasterIt is being caused by the same style from above #title-area
The padding 180px is causing the issues on the smaller mobile screen. You need to change the padding in your media queries I would add the #title-area to @media only screen and (max-width: 480px) and reduce the padding to maybe 50px
colsonKeymasteroops gave you wrong info I will double check and get back to you
colsonKeymasterin your css on line 191 if you change the margin-top:180px to padding-top: 180px that will fix the white space at the top
#title-area {
float: left;
padding-top: 180px;
width: 35%;
}colsonKeymasterGlad I could help 🙂
colsonKeymasterI took a quick look at the eleven40 theme and actually your nav has moved down it should be up in the black area on full screen.
I think you removed this following css, so add it back in and you should be good to go.
#title-area {
float: left;
width: 30%;
}colsonKeymasterOk I did this quick I can look later and see if I can figure out why I have to use important. But if you but this in your media querys for @media only screen and (max-width: 480px) it should work (you may want to use a max-width: of 500 instead of 480 for media querys or something like that. I can look later to see why I needed important (I don't link to use it but was trying to figure something out quickly for you) I will be back on later and can look again.
#featured-full .featuredpost .post:nth-of-type(3n+2) {
float: none;
width: 100% !important;
}#featured-full .featuredpost .post:nth-of-type(3n) {
float: none;
width: 100% !important;
}colsonKeymasterI will look in a bit and get back to you 🙂
colsonKeymasterAngie you have a min-width set in your footer-widgets (starting line 1415 of your css) you need to take that out and then your footer widgets will work for mobile.
Corinne
colsonKeymasterYou can make a custom menu with just the links you want and then select that menu for your header right area if you want.
colsonKeymasterI would move the logo over with your graphics software. If you decide later that you want some links in your top right area we can help you adjust the css so it is lined up right.
Corinne
colsonKeymasterOk I think you are wanting just the nav in the green bar? if so. Go to appearence/widgets on the right side there should be a header right widget (or something like that) open it up and delete or drag out the custom menu in there. And that will get rid of it.
colsonKeymasterare you sure you saved the change.. I don't see it when I look in firebug.
-
AuthorPosts