Gray area above logo on mobile

  • Resolved kk_admin

    (@kk_admin)


    5 years, 10 months ago

    Hi,

    I’m loving Ascend SO MUCH.

    I’m only building a site now, but I’m having an issue with smaller devices view. My logo area shrinks on laptop view, but on mobile it doesn’t, it leaves a big gray area above the logo instead.
    Can I make the logo shrink on mobile too OR remove that gray area? Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello kk_admin,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

    @media only screen and (max-width: 600px)
.header .logo {
    max-width: 34%;
}

    Hope this will helps you.

    Thanks.

    Thread Starter kk_admin

    (@kk_admin)

    I tried to add it in custom CSS but no change.

    https://klarakolonits.com/masterclass/ is my site if that helps, most of the content is private atm but it shows without logging in too.

    Not sure why the space is there, but you can hide it by placing this CSS in Theme Options> Custom CSS:

    @media (max-width: 1024px){
div#kad-header-menu-sticky-wrapper {
    display: none;
}
}

    I’ll send this onto the theme developer so he can let us know why the space is there in the first place.

    -Kevin

    Thread Starter kk_admin

    (@kk_admin)

    You’re the best! It did the trick.

    No problem!

    -Kevin

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Gray area above logo on mobile’ is closed to new replies.