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

This topic has 2 replies, 2 voices, and was last updated 5 months, 2 weeks ago by KEN1911.

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)

The topic ‘The mobile version menu bar cannot be displayed along with the page scrolling.’ is closed to new replies.