The mobile version menu bar cannot be displayed along with the page scrolling.

Support Forums › Kampina › The mobile version menu bar cannot be displayed along with the page scrolling.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 10, 2025 at 5:53 am #237
    KEN1911
    Participant

    On the desktop version of the website, the menu bar will always remain at the top and will adjust to the position of the page being viewed.
    However, in the mobile version, this function doesn’t work. Could you please tell me how to modify it so that the effect of always showing the top position when the mobile version follows the page’s browsing location can be tested? Thank you!

    November 10, 2025 at 6:27 am #238
    TigriWeb
    Keymaster

    Hi Ken,

    Thank you for your message.
    You can fix this issue by adding the following CSS code under Appearance → Customize → Additional CSS:

    @media screen and (max-width: 991px) {
	.site__header,
	.site__header__sticky-area {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--kampina--announcement-bar--height, 0px) );
	}
}
@media screen and (max-width: 600px) {
	.site__header,
	.site__header__sticky-area {
		position: sticky;
		top: calc(var(--kampina--announcement-bar--height, 0px) * -1);
	}
}

    This will make the header sticky on mobile devices as well.

    Best regards,
    TigriWeb Team

    November 10, 2025 at 6:36 am #239
    KEN1911
    Participant

    Thank you very much. The problem has been solved.

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