How can I get my site logo to start / align from top upper edge of my page?

• 

  rockstartelevision · Member · Nov 18, 2016 at 11:07 pm

  • Copy link
  • Add topic to favorites

  How can I align my site logo to the upper top edge of my site / page, so that the logo image starts right from the top upper edge? My site logo is designed as a chain / necklace so want it to look like its hanging from the site upper edge downward. Any assistance would be greatly appreciated with the custom CSS…

  The blog I need help with is: (visible only to logged in users)

• 

  dianakcury · Member · Nov 19, 2016 at 4:37 am

  • Copy link

  Hi there!

  Please try this CSS code:

  @media only screen and (min-width: 900px) {
  .site-header.site-header { position: relative;top: -110px;}
  }

• 

  rockstartelevision · Member · Nov 19, 2016 at 11:44 am

  • Copy link

  Thank you @Dianakcury!

  It worked on the main one. It doesn’t seem to work when the site is opened on a mobile phone / device but it works on the desktop / laptop browsers

  Much appreciated

• 

  dianakcury · Member · Nov 19, 2016 at 2:43 pm

  • Copy link

  Hello again!

  Please try adding this:

  @media (min-width: 480px) {
  .layout-grid .site-header {
      position: relative;
      top: -22px;}
  }

• 

  rockstartelevision · Member · Nov 19, 2016 at 6:09 pm

  • Copy link

  It works perfect now for both desktop and tablets configurations as well, just mobile phones not aligned and regular as before

  Thanks!

• 

  rockstartelevision · Member · Nov 19, 2016 at 6:09 pm

  • Copy link

  It works perfect now for both desktop and tablets configurations as well, just mobile phones not aligned and regular as before

  Thanks!

• 

  rockstartelevision · Member · Nov 19, 2016 at 6:12 pm

  • Copy link

  Seems to work on the mobile phone when its turned sideways (landscape) but for some reason when turned back up it throws the aligned back out for some reason