Community Forums › Forums › Archived Forums › Design Tips and Tricks › Mini problem with Monochrome.
- This topic has 6 replies, 2 voices, and was last updated 5 years, 5 months ago by ShmickMick.
-
AuthorPosts
-
November 19, 2018 at 1:37 pm #224458ShmickMickMember
Hi there,
My site running on the Monochrome Pro child theme has something a little different to the demo. For example on my blog home page, the side of the black footer can be seen right from the top of the page:
In the demo, however, it's all white until the visitor actually scrolls down to the bottom of the page:
https://demo.studiopress.com/monochrome/minimal-design/
It's the same for every page actually, however the blog home page is the one I am concerned about. I want it to be the same as the demo.
Any help would be greatly appreciated. Any ideas?
Regards,
https://homeschooledkid.com/blog/
MichaelNovember 19, 2018 at 6:06 pm #224461andytcParticipantYou seem to be missing the
z-index
from the site footer css , reason unknown ?Theme demo entry -
/* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #000; bottom: 0; font-size: 13px; font-size: 1.3rem; line-height: 1; padding-bottom: 40px; padding-top: 40px; position: fixed; text-align: center; width: 100%; z-index: -99; }
Your site - missing z-index
/* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #000; bottom: 0; font-size: 13px; font-size: 1.3rem; line-height: 1; padding-bottom: 40px; padding-top: 40px; position: fixed; text-align: center; width: 100%; }
November 20, 2018 at 12:40 pm #224488ShmickMickMemberThanks for finding that and posting.
I took that line of code out, on the recommendation of Victor who helps here on the forums, because the links in the footer were not working at all. It fixed the link problem but now seems to have caused this other mini-problem. Seems a little strange to have this glitch right out of the box.
Do you think I should contact support?
November 20, 2018 at 2:30 pm #224490andytcParticipantDo you have a pop up modal for a form active ?
I noticed when re-instating the missing z-index that the links were no longer working , but when i deleted the code connected to a "CP modal form" , the links work and the footer behaves normally with the correct z-index in place.
So , i'd be looking for the pop-up form as that;s causing the issue as far as i can tell.
Disable the form (pop-up , whatever it is) and test with the correct z-index added.
z-index: -99;
There's nothing wrong with the theme , only the missing z-index , i suspect the original problem was caused by this pop-up and was missed in troubleshooting.
November 20, 2018 at 3:14 pm #224491ShmickMickMemberAh okay, that's disappointing then. Now you say that, I did notice the footer change after I started using the pop-up plugin.
I assume contacting the pop-up plugin owners to ask what I can do about it is going to be the answer, but is this a common thing? I mean, pop-up plugins affecting the footer section of a website? Seems so random.
November 20, 2018 at 4:06 pm #224494andytcParticipantBecause it’s a Modal window it needs to open in front of everything else , so it’s probably using some z-indexing itself , which is affecting the z-indexing of the footer by effectively placing the links behind a layer.
Try and track down the z-indexing on the plugins css , or ask the dev of the plugin if they can help, in case it’s not that at all, but something else. Either way you can be sure it’s the modal window.November 22, 2018 at 2:03 pm #224528ShmickMickMemberI appreciate the tips, thanks.
-
AuthorPosts
- The topic ‘Mini problem with Monochrome.’ is closed to new replies.