notice-top-bar on mobile Apple – Okler Themes

This topic has 5 replies, 2 voices, and was last updated 11 months, 3 weeks ago by Support. This post has been viewed 570 times

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
November 14, 2024 at 12:11 am #10045357

umbrellamanagement
Participant

I closed the other ticket about the notice-top-bar. But after I have noticed the bar is not displayed on Apple mobile phones. On Android is working fine.

Thanks!

November 14, 2024 at 3:46 am #10045362
Support
Keymaster
Try this:

(css/custom.css)
```
.notice-top-bar {
    z-index: 100000 !important;
}
```
November 14, 2024 at 7:05 pm #10045363

umbrellamanagement
Participant

ok, thanks, it worked yesterday for mobile and is still working.
Also, it worked yesterday for desktop.
Bun now the top-bar is not dissapearing anymore on desktop. And I have not modified anything.

November 14, 2024 at 10:40 pm #10045364
Support
Keymaster
Try this:
```
@media (min-width: 992px) {
	#header {
		z-index: 100001;
	}
}
```
November 14, 2024 at 10:56 pm #10045365

umbrellamanagement
Participant

Ok, I tried, the top-bar is disssapearing but when you go from menu to other page, I can see an empty space there where the top bar was in the index file. When I scroll down in this secondary pages, this space is dissapearing and is not present when I scroll up again.

November 15, 2024 at 4:18 am #10045368
Support
Keymaster
It’s because of that part of the CSS:

Change that to:
```
body.with-topbar {
	margin-top: 42px !important;
}
```
And add the class “with-topbar” in the BODY tag of the pages you want to have the topbar
```
<body class="with-topbar">
```
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

This topic is marked as "RESOLVED" and can not rceive new replies.