post title in mobile nav button

  • Resolved noratom

    (@noratom)


    4 years ago

    Hi there,

    still extremely happy with your plugin!

    Just 1 question: the title of the prev/next post is only slightly visible on the mobile buttons (the upper half of the letters are shown). Is there a way to make the title fully visible or invisible? Changeing the height of the button only works for the desktop version….

    Thanks!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jo4nny8

    (@jo4nny8)

    @noratom

    To alter the styling of the display on mobile screens, wrap any css inside the following media query.

    Ive made an assumption of what you might need but feel free to change it to suit your needs.

    @media only screen and (max-width: 48em) {
    .wp-post-nav #post-nav-next-default .post-nav-title {
    position:absolute;
    top:20px;
    }
    }

    Thread Starter noratom

    (@noratom)

    Hi @jo4nny8,

    thanks and sorry for my late reply.
    I tried to add it to CSS, but nothing happened.

    Do I need to copy the whole thing?

    Like this:

    @media only screen and (max-width: 48em) {
    .wp-post-nav #post-nav-next-default .post-nav-title {
    position:absolute;
    top:20px;
    }
    }

    Thanks!

    Plugin Author Jo4nny8

    (@jo4nny8)

    @noratom yes copy it exactly. It’s a media query to target devices smaller than 48ems which is 768px

    Thread Starter noratom

    (@noratom)

    Hi @jo4nny8,

    yes yes! Didn’t see a change, but had to use code for next and previous ofcouse.

    Perfect!

    THANK YOU

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘post title in mobile nav button’ is closed to new replies.