Next/Previous Navigation Not Appearing for Ethos Mobile Blog Post

[djtremendousg]

The next and previous x-nav-articles are not appearing on my Ethos mobile blog posts.

Create Space for the New - Courageous Caterpillar

They are appearing fine for my blog posts when not displayed on a mobile device. The x-nav-articles are also appearing fine on mobile for my portfolio items.

Is this intentional? Is there a way to make the x-nav-articles appear for my blog posts on mobile? I see the correct html is being generated within the page:

  <div class="x-nav-articles">

          <a href="http://courageouscaterpillar.com/first-step/" title="" class="prev">
        <i class="x-icon-chevron-left" data-x-icon="&#xf053;"></i>      </a>
    
          <a href="http://courageouscaterpillar.com/create-space-new-purple-parachute-pants/" title="" class="next">
        <i class="x-icon-chevron-right" data-x-icon="&#xf054;"></i>      </a>
    
  </div>

Thanks for your awesome support!
David

[christian]

Hey David,

Yes, this is intentional. It does not look good on mobile (in my personal opinion). But, you can display it by overriding the stack’s style for it. In the case of Ethos, the code should look like this:

@media (max-width: 767px) {
.single-post .x-nav-articles {
    display: block;
    float: none;
    margin: 0 auto 20px;
}
}

Place it in your Global CSS.

It will actually look like this:

Please note though that this falls under theme customization which is not a part of our support. For issues arising from the use of it and further enhancements, you will need to seek help from a third party developer.

Thanks.

[djtremendousg]

Thanks for the great background and speedy reply! Thank you - Thank you!!

David

[christopher]

Glad that we could be of a help