Wedding Videographer – top bar

[Courtney Cline]

Hello.

I’m using your Wedding Videographer theme. Can you please help me to move the top bar (containing the phone, email, etc.) to below the header menu? I would like it to hang down over the slider and scroll away, rather than staying with the sticky header, when I move down the page. The website I am working on can be found at http://tcj.pvb.mybluehost.me/elitecareauto2021/.

Thank you!

Courtney

[Sonnal S Sinha]

Hi,

Do you want the top bar to appear under the sticky header? when the site scrolls??

Regards,
Chris

[Courtney Cline]

I want it to appear under the header, but I don’t want it to stick when scrolling the site – I only want the header (i.e., the logo and menu) to stick.

Thanks.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.head-info-area {
    position: absolute;
    top: 80px;
    z-index: 10;
}

@media screen and (max-width:767px) {
.head-info-area {
    position: relative !important;
    top: 0 !
	;
    z-index: 10;
}
}

Regards,
Chris

[Courtney Cline]

That worked great – thanks! Can you please also help me with an issue I just noticed? As the website responds as it gets smaller (around the time it would start to transition from an iPad screen size to a phone) the sandwich menu disappears. So when you view it on a phone, there’s no menu.

[Sonnal S Sinha]

Hi,

Kindly use this CSS:

@media screen and (max-width:767px) {
.head-info-area {
    top: 0 !important;
}
}

Regards,
Chris

[Courtney Cline]

thank you!

[Sonnal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/26/

Regards,
Chris

[Author]

Posts