eliminate nextBtn on a certain page

Question

Hello,

in my project there is a different amount of pages for desktop than for mobile. In order to let in5 export to html5 using Responsive Layouts, I just added blank pages at the end of the mobile version. I would like to eliminate the next page arrow on the last readable page. What I did so far is the following: 

in pages.css I added the following script:

@media screen and (max-width:640px) {

  .hide-mobile {

    display: none !important;

  }

}

and in the html page where I want to eliminate the nextBtn I modified the code like this:

<nav id="page-nav">

<button class="hide-mobile" id="nextBtn" name="nextBtn" aria-label="next page button">&nbsp;</button>

<button id="backBtn" name="backBtn" aria-label="previous page button">&nbsp;</button>

</nav>

It's not working. I'm not an expert in any of this. Any ideas? Thank you.

Answer 1

For responsive layouts, we recommend having page counts that match as that is how in5 knows which page to display when switching between the layouts.

You might instead consider creating a landing page with links to separate documents for the desktop and mobile versions.

Here's an Answer Exchange post with more information:

• How to make some pages inactive? Alternate layout with different page number