Title: CSS help logo position
Last modified: August 24, 2019

---

# CSS help logo position

 *  [advent12](https://wordpress.org/support/users/advent12/)
 * (@advent12)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/css-help-logo-position/)
 * Hi there,
 * I need css assistance please. I want to move the logo so it overlaps hero image.
   But needs to look good on all pages.
 * I have put css in to configure the home page which looks good. However, it makes
   all other pages so the logo covers important info like titles and other info.
 * How can I push the content down below to logo?
 * Code:
 *     ```
       @media only screen and (max-width: 980px) {
       .body_template_two #masthead .site-branding  {
       margin-bottom: -100px;
       	position: relative;
           z-index: 1;
       }
       }
       @media only screen and (min-width: 981px) {
       .body_template_two #masthead .site-branding  {
       margin-bottom: -130px;
       	position: relative;
           z-index: 999 !important;
       }
       }
       @media(max-width:479px) {
        .body_template_two #masthead .site-branding img {
           width: auto;
       	 max-width: 60%;
         }
       }
   
       @media only screen and (max-width: 980px) {
       .body_template_two #masthead .site-branding  {
       margin-bottom: -100px;
       	position: relative;
           z-index: 0;
       }
       }
       @media only screen and (min-width: 981px) {
       .body_template_two #masthead .site-branding  {
       margin-bottom: -130px;
       	position: relative;
           z-index: 1;
       }
       }
       @media(max-width:479px) {
        .body_template_two #masthead .site-branding img {
           width: auto;
       	 max-width: 60%;
         }
       }
       ```
   
    -  This topic was modified 6 years, 9 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
    -  This topic was modified 6 years, 9 months ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-help-logo-position%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/css-help-logo-position/#post-11863574)
 * You should ask in your theme’s support forum.
 *  Thread Starter [advent12](https://wordpress.org/support/users/advent12/)
 * (@advent12)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/css-help-logo-position/#post-11863633)
 * In case anyone else is struggling, I figured it out.
 * #content {
 *  padding: 80px 0;
    position: relative; margin-top: 45px;
 * }
 * .page-id-4 #content {
    padding:0 !important; }

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS help logo position’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)
 * [Z-index](https://wordpress.org/support/topic-tag/z-index/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [advent12](https://wordpress.org/support/users/advent12/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/css-help-logo-position/#post-11863633)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics