Mobile header problem

[Pepijn]

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?

[Zex]

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

[Pepijn]

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.

[Zex]

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

[Zex]

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

[Pepijn]

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

[Author]

Posts