Shop Categories

X

Mobile header problem

Home Forums Agama Pro Mobile header problem

Topic Resolution: Resolved

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6431
    Pepijn
    Participant

    Hi,

    I’m working with Agama Pro since this week for my blog. I’m using header 2 (transparant), but it gives me some trouble on the mobile version. Is it possible to have just 1 static header for the mobile version that’s not transparent?

    #6440
    Zex
    Moderator

    Hello,Espen!

    Try to add the CSS code below to the :
    Customizing ▸ General ▸ Additional CSS

    code:

    @media screen and (max-width: 992px){
    
    .header_transparent header.header_v2 .sticky-header:not(.sticky-header-shrink) {
       
      position: sticky;}

    https://prnt.sc/gwtktq

    Best Regards

    #6442
    Pepijn
    Participant

    I want the header exactly to be like it is in your screenshot for all mobile devices without shrinking, but the code doesn’t seem to be working. I also tried adding a curly bracket after (.sticky-header-shrink), because it said they were imbalanced but that also didn’t work. I’m not very familiar with coding, so I don’t know why it would work when you add it and not when I do, lol.

    #6443
    Zex
    Moderator

    Hi,
    sorry for that,
    I missed one curly bracket on the end of the code…
    so finally working code should be:

    @media screen and (max-width: 992px){
    
    .header_transparent header.header_v2 .sticky-header:not(.sticky-header-shrink) {
       
      position: sticky;}
    }

    Hope this code will work

    Regards

    #6444
    Zex
    Moderator

    Hi,
    sorry for that,
    I missed one curly bracket on the end of the code…
    so finally working code should be:

    @media screen and (max-width: 992px){
    
    .header_transparent header.header_v2 .sticky-header:not(.sticky-header-shrink) {
       
      position: sticky;}
    }

    https://prnt.sc/gwwkl5

    Hope this code will work

    Regards

    #6447
    Pepijn
    Participant

    It did, great! Thanks. Very happy with the quick replies.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Limited time offer : 50 % off : Apply Coupon Code at checkoutnewyear50