mystickymenu on Creative Agency Theme

Home Forums All Other Themes mystickymenu on Creative Agency Theme

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #112037
    hkmishkmis
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: December 18, 2017

    Hi,

    I installed mystickymenu on Creative Agency Theme. It works great on desktop version. Is it possible to have the sticky menu on mobile version(responsive). Thank you!

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

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #112082
    hkmishkmis
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: December 18, 2017

    Hi Chris,

    http://mindgymhk.com/

    Thanks!

    Kenny

    #112102
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Kindly use this Custom CSS in appearance>basic settings>Custom CSS box:

    @media screen and (max-width:767px) {
    .header {position:relative !important;}
    }

    Regards,
    Shri

    #112109
    hkmishkmis
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: December 18, 2017

    Hi Shri,

    Sorry, it didn’t work. My CSS code at Custom CSS box is as below.

    @media screen and (max-width:767px) {
    .header {position:relative !important;}
    }

    .header { position:sticky !important; top:5px; z-index:10000;} .headertop { position:sticky !important; top:5; z-index:10000;}
    .slider-main { min-height:266px;}

    Thanks
    Kenny

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

    Hi,

    Remove:

    @media screen and (max-width:767px) {
    .header {position:relative !important;}
    }
    
    Add this new css there:
    
    @media screen and (max-width:767px) {
    .header {position: sticky !important;}
    }

    Regards,
    Chris

    #112169
    hkmishkmis
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: December 18, 2017

    Dear Chris,

    Followed your instruction to remove

    @media screen and (max-width:767px) {
    .header {position:relative !important;}
    }

    and add below css to Custom CSS
    @media screen and (max-width:767px) {
    .header {position: sticky !important;}
    }

    Still didn’t work on mobile version.

    Please help. Thanks

    Kenny

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

    Hi,

    Kindly send us your URL of the site and WordPress admin details (Username & Password) via https://www.sktthemes.org/contact/ Please mention this forum URL while replying so that we understand what needs to be done.

    Regards,
    Chris

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