I have two issues. The first is on our Blog page (in private content). When you scroll up the featured image from each blog post goes over the navigation bar instead of behind it. How do we fit that. Also on that page on mobile is there a way to make the newsletter sign up go before the posts?
Thank you.
Hey SandraSquires,
1. Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header {
z-index: 1001;
}
2. Are you still referring to the blog page? if yes, try adding this css code in Quick CSS:
@media only screen and (max-width:767px) {
.page-id-283 #av-layout-grid-1 {
display: flex;
flex-direction: column-reverse;
}
}
Hope this helps :)
Best regards,
Nikko
Thank you for the quick reply! The first code works perfect!
The second one didn’t reserve the columns. Is it because it is a grid row?
Hi,
Yes, the solution I could suggest for the 2nd question is have 2 layouts, 1st is for desktop and 2nd for mobile, you just set it in Screen Settings to hide/show in desktop or mobile. Hope this idea helps :)
Best regards,
Nikko
I got the code to work – not sure what I did different but isn’t working. Thank you!