Dear Admin,
I use JA Purity IV.
Kindly see the attachment below:

I have so many menu in my menu bar that takes 2 rows on desktop.
On administrator - layout setting - the position is on the 'HEADER'

Question:
I want the 'header' row options (on the template setting) is NON STICKY on DESKTOP, BUT when it viewed on MOBILE, it become STICKY TOP. How do I setting that?

If I setting the 'header' to sticky top. it will become sticky, both on desktop and mobile, meanwhile i only want the 'header' (a.k.a menu bar) only sticky on mobile, but non sticky if viewed on desktop.

Kindly help me finding the solution, thanks in advance.

    10 days later

    gomiemeru Hi

    I guess you're enabling the Top Sticky for that header block in Layout settings of this template on your site, you can set it to None like this:

    And in order to make the header sticky on mobile only, you will need some customization for css code. Here is my tweak:

    @media (max-width: 567px){
div#t4-header {
    position: fixed;
    width: 100%;
}

.not-at-top .t4-header {
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}
}
      a month later

      It works perfectly @saguaros thank you again for your help really appreciate it 🙂

      Dear @saguaros I just found a problem.
      Indeed it works, but there is "a little" problem after i applying that css sticky on mobile only. It is regarding the title of the article.

      On DESKTOP where it is non sticky, the article TITLE fully readable which is "WHAT IS KANGEN WATER? EVERYTHING YOU NEED TO KNOW"

      Meanwhile on Mobile, the sticky header COVERING half of the title so i can only read half of the article title which is only the "Everything you need to know" meanwhile the first part which is "What is Kangen Water?" seems covered by the Sticky Header.

      Any solution to make that sticky header on mobiles not covering the article titles? (I also check my other pages, that sticky header on mobile keeps covering the first half of the article title, instead pushing all the article titles down to make all titles readable..)

      thank you in advance for your help

        21 days later

        gomiemeru You can share the URL + Super Admin credentials of your site, I will take a look.

          Write a Reply...
          You need to Login to view replies.