40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

Sticky header featured area

This topic contains 9 replies, has 2 voices, and was last updated by  Karin Zickler 4 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , ,

  • Author
    Posts
  • March 15, 2020 at 10:18 am #535282

    Karin Zickler
    Lifetime Member
    Post count: 47

    How can I change the code for the featured area header that it is fixed (sticky)?

    March 15, 2020 at 4:59 pm #535300

    Kor
    Moderator
    Post count: 16516

    Hi Karin Zickler,

    Thanks for your post. Are you saying that you’d like to remove the sticky header and have a fixed header instead? Also, could you share your Website URL here?

    March 26, 2020 at 3:49 pm #536916

    Karin Zickler
    Lifetime Member
    Post count: 47
    This reply has been marked as private.
    March 26, 2020 at 4:03 pm #536920

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    March 26, 2020 at 4:05 pm #536922

    Karin Zickler
    Lifetime Member
    Post count: 47

    Dear Kor,
    but the header changes its size, when you make the page narrower or when you open it on a mobile phone.

    March 26, 2020 at 6:29 pm #536945

    Kor
    Moderator
    Post count: 16516

    Hi Karin,

    Thanks for your reply. You can use the custom CSS code below for mobile. 

    @media (max-width: 992px) {
.sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
    height: 15vh;
}
}
    March 27, 2020 at 8:42 am #537038

    Karin Zickler
    Lifetime Member
    Post count: 47

    Dear Kor,
    Thank you very much!

    March 28, 2020 at 1:49 pm #537217

    Karin Zickler
    Lifetime Member
    Post count: 47

    Dear Kor,
    The problem with the header still exists for tablets and monitors beneath 15″. Is there a way to fix it as well?

    March 30, 2020 at 6:46 am #537387

    Kor
    Moderator
    Post count: 16516

    Hi Karin,

    Thanks for your reply. Here is the custom CSS code for you. 

    @media (max-width: 1280px) and (min-width: 768px){
.sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
    height: 15vh;
}
}
    March 30, 2020 at 8:23 am #537394

    Karin Zickler
    Lifetime Member
    Post count: 47

    Dear Kor,
    Thank you very much, and overall, stay healthy!!!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount