links to previous and next post on mobile

  • lacigaleoulafourmi

    (@lacigaleoulafourmi)


    11 years, 1 month ago

    Hello Caroline.
    Thanx you for your Spun theme that I love so much.

    One question: On my child theme, i have changed the color and the opacity of links to previous and next posts with this css:

    `/* =Navigation
    ———————————————– */

    }
    .site-content #nav-below .nav-previous a,
    .site-content #nav-below .nav-next a,
    .site-content #image-navigation .nav-previous a,
    .site-content #image-navigation .nav-next a {
    color: rgb(237, 130, 201);
    display: block;
    font-size: 200px;
    font-size: 20.0rem;
    line-height: 100px;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 1;
    }
    It works very well on my computer. But unfortunatelly, not on the mobile. When I click on the main menu or my site title from a post page on my mobile screen, the previous or next links displays are under it, so i can’t access to the main page.
    It’s hard explaining that in English for me, here is my site address, it would be more clear!
    Thanx you for your help if you’ve got a solution to resolve that mobile mistake.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter lacigaleoulafourmi

    (@lacigaleoulafourmi)

    11 years, 1 month ago

    It seems that my site link doesn’t work so here is my URL:
    http://www.lacigaleoulafourmi.com

    Theme Author Caroline Moore

    (@sixhours)

    11 years, 1 month ago

    You probably need to look in the responsive media queries (the last part of style.css) and make adjustments there, too. That’s the part of the code that controls display on small screens and mobile devices.

    Thread Starter lacigaleoulafourmi

    (@lacigaleoulafourmi)

    11 years, 1 month ago

    hello!
    Yes I did adjustments there too but the arrows have disappeared on mobile!

    And if i don’t touch to this part of the code, we can’t go to the main page like I explained before.
    I’m totally lost, if someone have an idea, it would be wonderful!
    Have a nice day.

    Theme Author Caroline Moore

    (@sixhours)

    11 years, 1 month ago

    The arrows move underneath the content on mobile devices on purpose, since there is no “hover” action on mobile devices. Users won’t know they’re there, and there’s not a lot of room on small screens to display them along the side.

    But users should be able to access the main page using the header navigation at the top — your site title links to the home page, anyway.

    You could modify the template to move the navigation above the post, so it’s more prominent, or you could reset the styles for the navigation in the media queries altogether (though I don’t think this is a good idea) so they retain their original styling.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘links to previous and next post on mobile’ is closed to new replies.