Static Navigation Bar

[louk]

Hi:

I am using the SKT Clean PRO theme and my client would like to have a static nav bar so as a user scrolls down the page, the NAV BAR remains visible. Is this possible?
Thanks,
Lou

[Sonl Sinha]

Hi,

Yes of course, kindly show us your website URL?

Regards,
Chris

[louk]

Hi Chris:

The URL is: http://rlphoa.com

Lou

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.headertop { display:none;}
.header { position:fixed;}
.slider-main { top:90px;}

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

Regards,
Chris

[louk]

Hi Chris:

Thanks for the code 🙂

Unfortunately, using it creates a problem.

The Home Page renders just fine, but all other pages have a “truncated” banner image and it looks very unprofessional. Example: http://rlphoa.com/about/activities/

Is there any way to fix this?

Lou

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.innerbanner { position:relative; top:140px;}

Regards,
Chris

[louk]

Thanks Chris:

That CSS code fixed the image problem, but unfortunately created another one.

If you look at the activities page (http://rlphoa.com/about/activities/), you’ll see that the Main Sidebar is now covered by the picture.

Also, on several pages the “space” below the banner image and the paragraph text below it does not have the correct spacing. I was able to correct this on most pages using the ” ” code, but on this page for example, http://rlphoa.com/register/ … I can’t create a space between the top of the video display and the bottom of the image. Can we put in a default spacer size for the bottom of the banner image and the text ot widgets below it?

Thanks,
Lou

[Sonl Sinha]

Hi,

Remove
.innerbanner { position:relative; top:140px;}

And add this new css there:

.header { top:0;}
.innerbanner { margin-top:140px;}

Regards,
Chris

[louk]

Hi Chris:

Thanks …. however, using that code appears to have created another “spacing problem.”

If you look at the top of any page (except the Home Page) you will see a narrow “space” above the banner image that looks very odd. I put an image in the site’s media library that highlights this problem that you can view using this link: http://rlphoa.com/wp-content/uploads/2018/10/header-specepng.png

Is there a way we can remove this spacer?

Thanks,

Lou

[louk]

Hello?????

Is someone going to reply to my question.

It’s been over a week 🙁

Lou

[louk]

Sorry Chris …. I saw that you just went ahead and fixed this !!!!

GREAT SERVICE !!!!

Lou

[Sonl Sinha]

Hi Lou,

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

Regards,
Chris

[louk]

Hi Chris:

Could you please help me with the images “format” on the Members Page?

https://rlphoa.com/members/

http://rlphoa.com/wp-admin
UID:wxuG0DtAt1
PW:a10011001Z$

Also, the User/Friend “search” function is not working … or I am doing something wrong. It just cycles (searches) & returns a “no user found” message.

Thanks,

Lou

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.ui.card > .image, .ui.cards > .card > .image { z-index:0;}

Regards,
Chris

[louk]

Hi Chris:

I did that and it still does not work. Please see for yourself.

https://rlphoa.com/members/

best,

Lou

[Author]

Posts