Recent
Categories
View Replies (3)

OpenStreetMap scrolls "over" sticky header, Jasmine template

  1. Issue
0
Votes
Undo
  1. rkoho
    rkoho
  3. Commercial Templates
  4. Monday, 16 March 2020
  5.  Subscribe via email
Hi,
I'm not sure if this is any Jasmine issue (and is this forum right place to ask, but I'll give a try:D )

I want to have OpenStreetMap viewed in my template using sticky header. I've tried OsModule and Phoca Maps extensions, the behaviour is the same: the map image goes "over" the header while the module title goes "under" (see screenshot). All other content on the page works as expected (->goes "under";).
I couldn't have found the solution myself (which is hopefully some simple css), so I turn to you. Can you help?


Best regards, Reino Screenshot 2020-03-16 09.53.08.png
Attachments (1)
Screenshot 2020-03-16 09.53.08.png Screenshot 2020-03-16 09.53.08.png
Responses (3)
rkoho
rkoho
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, I continued searching the solution and found this for quick fix (insered to template's custom css box):




.leaflet-pane         { 

z-index: 0; }

.leaflet-top,

.leaflet-bottom {

		z-index: 0;

		}


It seems to do the job.

best. Reino
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Looks good!.. thank you for the update!

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ip mann
ip mann
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello!

I also just had the exact same problem. This code snippet worked immediately.
I use Joomla 4 and Template Natalie.

i. Popp
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!