Move header image above menu bar

cablueprinting · Member · Apr 23, 2013 at 7:38 pm
Copy link

Add topic to favorites
I want my header image above the menu… Dont know how else to say it :|
I have the custom CSS upgrade and am ok at CSS but I cant figure this out…

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 23, 2013 at 7:45 pm
Copy link
This site http://www.cablueprinting.com/ linked to your username is not a free hosted WordPress.com blog and you cannot get support for it here. WordPress.com and WordPress.org blogs are separate and have separate logins. We provide support here only for free hosted WordPress.COM blogs and no others. You are posting to the wrong support forums. If you don’t have a username account at WordPress.org click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.org bloggers.
timethief · Member · Apr 23, 2013 at 7:46 pm
Copy link
This site is a free hosted WordPress.com blog http://fourthingsbycablueprinting.com/ and I suggest you link you username to it. Dashboard -> Users -> Personal Settings -> then scroll down to Account Details. Then scroll down to where it says ‘Primary Blog‘ select the URL for your primary wordpress.com blog and then save changes.
thesacredpath · Member · Apr 23, 2013 at 7:53 pm
Copy link
Take a look at this and see what you think. Add it AFTER all your existing CSS. In general it is not a good idea to paste the entire stylesheet into the CSS edit window unless you are making, massive changes to virtually everything, otherwise it can create conflicts. It is best to put into the edit window, only the specific selectors, an only the specific declarations you are adding or changing.
```
.site-header {
    position: relative;
}

.main-navigation {
    position: absolute;
    top: 135px;
    width: 100%;
}

.wrapper {
    margin-top: 30px;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-top: none;
}
```
cablueprinting · Member · Apr 23, 2013 at 7:54 pm
Copy link
Ok I did… Can you help me now??
cablueprinting · Member · Apr 23, 2013 at 7:59 pm
Copy link
Thanks thesacredpath.
I was just trying the copy/paste option to see if I could get it to work. I have erased it all and just added the code you gave me and it worked. Thanks!

Now can you tell me how to remove the line above the image? :)
thesacredpath · Member · Apr 23, 2013 at 8:47 pm
Copy link
Add this to the custom CSS:
```
.site-header img {
box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2);
}
```
cablueprinting · Member · Apr 23, 2013 at 8:51 pm
Copy link
Magic! Thanks :)
thesacredpath · Member · Apr 23, 2013 at 8:59 pm
Copy link
You are welcome.

No items found.