- This topic has 5 replies, 3 voices, and was last updated 3 years, 11 months ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
-
AuthorPosts
-
May 7, 2020 at 8:29 am #1273963Xaviera
The custom post navigation on desktop and mobile is not displaying properly. Please advise how to fix. Thank you in advance.
May 7, 2020 at 2:58 pm #1274542TomLead DeveloperLead DeveloperHi there,
How did you add the custom post navigation? It looks like it’s missing CSS maybe?
Let me know ๐
May 8, 2020 at 10:28 am #1275708XavieraThank you so much for the swift response. The custom post navigation was part of the pre-made template I selected after going Pro.
It was working absolutely fine until last Sunday.
May 8, 2020 at 3:19 pm #1275999LeoStaffCustomer SupportCan you go to Additional CSS field in the customizer and make sure you have this CSS added?
/* Post Navigation */ #post-nav a { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #post-nav a { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } } #post-nav, #post-nav .post-nav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; } #post-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; } #post-nav .post-nav-wrap { background-size: cover !important; background-position: center center !important; min-height: 120px; height: 100%; padding: calc(6% + 1em) 5%; -webkit-box-shadow: inset 0 -50px 70px 20px rgba(0, 0, 0, 0.5); box-shadow: inset 0 -50px 70px 20px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-box-shadow 500ms; transition: -webkit-box-shadow 500ms; transition: box-shadow 500ms; transition: box-shadow 500ms, -webkit-box-shadow 500ms; position: relative; box-sizing: border-box; } #post-nav .post-nav-wrap:hover { -webkit-box-shadow: inset 0 -90px 70px 20px rgba(0, 0, 0, 0.5); box-shadow: inset 0 -90px 70px 20px rgba(0, 0, 0, 0.5); } .post-nav-wrap>* { color: #fff; } .post-nav-date { font-size: 0.9em; } .post-nav-title { margin: 5px 0 !important; } .post-nav { min-width: 60px; position: absolute; top: 0; border-radius: 0 0 2px 0; } .post-nav:first-child { left: 0; } .post-nav:last-child { right: 0; } .post-nav { padding: 6px 12px; border-radius: 3px; font-size: 0.7em; text-transform: uppercase; background-color: #ff1956; color: #fff !important; }
May 8, 2020 at 3:25 pm #1276006XavieraYou fixed it! Thank you so very much. There was no additional CSS added. It somehow disappeared. Once I replaced the code it worked. You’re the best.
May 8, 2020 at 3:27 pm #1276009LeoStaffCustomer SupportNo problem ๐
-
AuthorPosts
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.