Wedding Videographer – top bar

Home Forums All Other Themes Wedding Videographer – top bar

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #179822
    Courtney ClineCourtney Cline
    Participant
    • Topics: 21
    • Replies: 48
    • Total: 69
    Member since: January 10, 2017

    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

    #179881
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #179889
    Courtney ClineCourtney Cline
    Participant
    • Topics: 21
    • Replies: 48
    • Total: 69
    Member since: January 10, 2017

    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.

    #179926
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    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

    #179927
    Courtney ClineCourtney Cline
    Participant
    • Topics: 21
    • Replies: 48
    • Total: 69
    Member since: January 10, 2017

    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.

    #179929
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS:

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

    Regards,
    Chris

    #179935
    Courtney ClineCourtney Cline
    Participant
    • Topics: 21
    • Replies: 48
    • Total: 69
    Member since: January 10, 2017

    thank you!

    #179962
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

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