Using a rather old extension - Horizontal Accordion Panel and when scrolling to the top of the page, the panels remain visible in front of the menu area. I know this is a dated extension but it would look great on this page if I can get this working correctly. Here is the link: http://boxesbymark.com/index2.html
Accordion Panel - Z Index???
(4 posts) (2 voices)-
You will need to adjust the z-index of the header div:
1. Open the p7Zeirgeist-01.css style sheet and look for this style rule at line 168:
.header {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 10;
box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
}2. Change the z-index amount from 10 to 999999 so that it now looks like this:
.header {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 999999;
box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
}3. Save and close the style sheet.
Posted 3 months ago -
That worked thanks!!!! But, uh.............the navigation on the index page will not scroll back to the top of the page.
Link: http://boxesbymark.com
Thanks,
M.
Posted 3 months ago -
You are using an older version of AMM, we've issued updates since then to address scrolling issues on more recent browsers. Download and install the current version of AMM, be sure to follow all of the installation instructions to assure that your site is running with the latest version of the script and css files:
Posted 3 months ago
Reply
You must log in to post.