Static Navigation Bar

Home Forums All Other Themes Static Navigation Bar

Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • #109356
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    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

    #109368
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

    Yes of course, kindly show us your website URL?

    Regards,
    Chris

    #109465
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    Hi Chris:

    The URL is: http://rlphoa.com

    Lou

    #109494
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    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

    #109608
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    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

    #109684
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

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

    Regards,
    Chris

    #109763
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    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

    #109793
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

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

    And add this new css there:

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

    Regards,
    Chris

    #109862
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    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

    #110106
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    Hello?????

    Is someone going to reply to my question.

    It’s been over a week 🙁

    Lou

    #110111
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

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

    GREAT SERVICE !!!!

    Lou

    #110177
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    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

    #114879
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    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

    #114897
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    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

    #114943
    louklouk
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: September 11, 2018

    Hi Chris:

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

    https://rlphoa.com/members/

    best,

    Lou

Viewing 15 posts - 1 through 15 (of 22 total)
  • You must be logged in to reply to this topic.