Aligning logo and header background

  • Resolved lundvik

    (@lundvik)


    9 years, 1 month ago

    Hello!

    I′m working on the design on this site https://nya.vattenliv.nu and have a problem.
    In the header there is a logo and then a blue line in the background which is aligning to the blue line in the logo.

    Is there any way to make the header background always aligning to the logo, so that the blue line is unbroken regardless of if you look at the site on a mobile, Ipad or computer?

    It that′s not possible, if would like to make the header background invisible when someone uses a smaller version of the site.

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

    (@hannahritner)

    Hey,
    Try using this css to hide the line on smaller screens:

    @media (max-width: 992px) {
.headerclass {
    background: none !important;
}
}

    Just paste it in your custom css box in Theme Options > Advanced Settings.
    Hope it helps!

    Hannah

    Thread Starter lundvik

    (@lundvik)

    Tank you! It works perfectly!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Aligning logo and header background’ is closed to new replies.