Slider under the header, both aligned to the top

  • Resolved balazsnagy

    (@balazsnagy)


    9 years, 10 months ago

    Hi,

    Is it possible to align both the header and slider to the top of the browser, so the header would cover the upper part of the slider?
    (After that, I will set the transparency level of the header, so the slider won’t be covered 100%.)

    Thank you for your help in advance.

    Regards,
    Balazs

Viewing 5 replies - 1 through 5 (of 5 total)
  • deputy05

    (@deputy05)

    9 years, 10 months ago

    Are you wanting to do something like this?

    acub

    (@acub)

    9 years, 10 months ago

    @media all and (min-width 980px) {
.tc-header {
	position: absolute;
	background: transparent;
	border-bottom: 0;
}
.navbar .navbar-inner {
	background: rgba(255,255,255,.75);
}
}

    I have wrapped it up in a min-width: 980px conditional because it really messes up the header on narrow displays (so I only applied it on screens of 980px or higher).
    This goes in custom CSS panel or in your child theme’s style.css

    @deputy05: your solution only works on homepage. If you want it site-wide, you need to remove the .home selectors.

    Thread Starter balazsnagy

    (@balazsnagy)

    9 years, 10 months ago

    Exactly!
    Thank you for your help, I’ll try this.

    Regards,
    Balazs

    ElectricFeet

    (@electricfeet)

    9 years, 10 months ago

    N.B. There’s a missing colon there. It should be min-width: 980px

    acub

    (@acub)

    9 years, 10 months ago

    Indeed. Ty EF. Should have re-read it after posting…

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slider under the header, both aligned to the top’ is closed to new replies.