Z-Index Help

Discussion in 'CSS' started by aaron_nimocks, Mar 30, 2016.

  1. #1
    This is really annoying me. Any CSS Z-Index wizards willing to help me out?

    http://vabeacher.com/

    Trying to get the logo to overlap the slider.

    Thanks!
     
    Solved! View solution.
    aaron_nimocks, Mar 30, 2016 IP
  2. #2
    .logo, .logo a {
        overflow: hidden;
    )
    
    You can remove that
    Code (markup):
     
    KangBroke, Mar 30, 2016 IP
    aaron_nimocks likes this.
  3. KangBroke

    KangBroke Notable Member

    Messages:
    1,026
    Likes Received:
    59
    Best Answers:
    4
    Trophy Points:
    265
    #3
    However your logo overlaps the hamburger button on small mobile devices and needs some top-padding
     
    KangBroke, Mar 30, 2016 IP
  4. Blizzardofozz

    Blizzardofozz Well-Known Member

    Messages:
    132
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    118
    #4
    Simplest would be to style <a href="http://vabeacher.com/"> under logo class (makes more sense to be an ID not class really). Remove height: 100% and overflow: hidden. Then push it down with top:20px or what you want.

    Better - style the whole header tag to be larger and closer and above the slider.

    Best - if you are serious about your business - hire real web designer and get rid of that bloated, insanely slow WordPress code.
    http://www.webpagetest.org/result/160411_WY_CA3/
    21 seconds to load!
    really??
    Does the logo annoys you??
     
    Blizzardofozz, Apr 11, 2016 IP