I would like to add that I want to grant read access only to people who have paid a subscription. Everyone else should not be able to read the blog post.
Thank you again.
This problem is caused by improper css animation code. This problem is solved. Thank you.
I figured out how to do this. In my child’s custom css, I:
1. copied the css code from my (custom) 900px section to the new 767px section.
2. removed the @media screen and (max-width:900px) section’.
3. In the new 767px section, I turned off the horizontal navigation menu:
.main-navigation ul {display: none;}’