sticky header for smartphones

This topic contains 10 replies, has 2 voices, and was last updated by  CTHthemes 8 months, 2 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #13009

    Muc089
    Participant

    Support Expired

    How can I get the header to stick on smartphones. Also I want to have the Social media icon on the header above also on smartphones.
    Thank you in advance.

    #13011

    CTHthemes
    Keymaster

    Hi, would you give me more info about it?

    #13027

    Muc089
    Participant

    Support Expired

    The Problem on Smartphones:
    I use the one page image site, I have
    a long scrolling page and worry that users will not want to scroll back to the navbar at the top of the page.

    How can I add a sticky site header or sticky menu that will remain visible no matter how far the user scrolls down the page.

    I would like to add the social icons Twitter, facebook, youtube, and instagram
    in the top menu.

    THANKS

    #13034

    CTHthemes
    Keymaster

    Send me the link to check.

    #13050

    Muc089
    Participant

    Support Expired

    My page is not yet online! How can you see it, Should I send you the login data?

    #13053

    Muc089
    Participant

    Support Expired
    This reply has been marked as private.
    #13063

    CTHthemes
    Keymaster

    Hi, it’s sticky when you view the page in logged out mode like this this screenshot: http://www.awesomescreenshot.com/image/2263797/f86175bccff7d6e897ca84a08608953f

    #13101

    Muc089
    Participant

    Support Expired

    Hi, yes, you are right, I was logged in all the time. What about the social media icon! Please see the picture as an example!

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #13112

    CTHthemes
    Keymaster

    Hi, please add this custom style to Diopter Options -> Custom Code tab -> CSS Code – Mobile View:

    
    .header-social {
         display: block;
         top: 40px;
    }
    .header-social li a {
        font-size: 24px;
        color: #fff;
    }
    
    #13156

    Muc089
    Participant

    Support Expired

    Thanks for your help.

    #13167

    CTHthemes
    Keymaster

    You are welcome .

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.