WordPress.org

Ready to get started?Download WordPress

Forums

Spun
links to previous and next post on mobile (5 posts)

  1. lacigaleoulafourmi
    Member
    Posted 1 year 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.

  2. lacigaleoulafourmi
    Member
    Posted 1 year ago #

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

  3. Caroline Moore
    Member
    Theme Author

    Posted 1 year 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.

  4. lacigaleoulafourmi
    Member
    Posted 1 year 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.

  5. Caroline Moore
    Member
    Theme Author

    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic