Lock the top menú

Home Forums Fitness Pro Forum Lock the top menú

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #85741
    nacomarnacomar
    Member
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: October 16, 2017

    I want to make the top menu locked, so that when you use the scroll down continue seeing the menu.
    In bootstrat would use the class “fixed-top”, but here no is how to do it

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

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Brad

    #85769
    nacomarnacomar
    Member
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: October 16, 2017

    Hi,
    This is the url:

    http://www.nacomar.es/test/

    Thank you

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

    Hi,

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

    Add this code there:

    .header { background-color: rgba(0,0,0,0.5) !important; position:fixed !important;}

    Regards,
    Brad

    #85833
    nacomarnacomar
    Member
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: October 16, 2017

    Hi,

    In the free version, the social icons appear at the foot of the page. How can I do these icons appear on the page?

    My Url is http://www.nacomar.es/test/

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

    Hi,

    Kindly refer our documentation to setup social media icons.
    http://sktthemesdemo.net/documentation/skt-fitness-doc/#social-icons

    Regards,
    Brad

    #85872
    nacomarnacomar
    Member
    • Topics: 6
    • Replies: 10
    • Total: 16
    Member since: October 16, 2017

    I used the code that tell me and it looks perfect on big screens, but tablet or smartphone screens you see something strange. The menu in the entire width of the screen, but in a small square is not. Is it possible to fix so it look well on small devices?

    .header { background-color: rgba(0,0,0,0.5) !important; position:fixed !important;}

    Thank you,

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

    Hi,

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

    Add this code there:

    @media screen and (max-width:979px) {
    .header { width:100% !important;}
    }

    Regards,
    Brad

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