Sorry problem solved
Hello
I have upgraded to Joomla 4.2, upgraded to phoca maps 4.0.0 plugin and component.
Everything appears to work the same - except when I scroll on the page with the map the map goes over the top of the logo/header (eg in css it would be z-index [whatever is on top]) while the rest of the page content scrolls under the logo/header. The map is embedded in the article as {phocamaps view=map|id=1} - is there some setting or code to make sure the map scrolls under the header component?
Thanks.
I found a solution here:
https://stackoverflow.com/questions/193 ... -scrolling
Change:
user.css
.container-header {
z-index: 9999;}
Your z-index needs to be high, eg 9999, otherwise the map goes under the sticky header while the map controls (called leaflet-controls) still go over the top of the header.
Problems after Joomla4 upgrade
-
- Phoca Newbie
- Posts: 2
- Joined: 26 Jan 2023, 05:16
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Problems after Joomla4 upgrade
Hi, thank you for the info, the value can be even smaller:
.container-header {
z-index: 1020;
}
Jan
.container-header {
z-index: 1020;
}
Jan
If you find Phoca extensions useful, please support the project