[Resolved] How to create a MOBILE ONLY link

Home Forums Support [Resolved] How to create a MOBILE ONLY link

Home Forums Support How to create a MOBILE ONLY link

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #300800
    albabes

    Hi Tom
    How do I create a “mobile only” text link? Or, what do I use in GP Premium to accomplish that? I want the link to be centered, “above the Content” area, below the nav bar.

    I have it up now on Dbsatucson.org

    Thanks
    Tom

    GeneratePress 1.3.46
    GP Premium 1.2.96
    #300803
    Leo
    Staff
    Customer Support

    Looks like you almost got everything?

    If you want that “Meetings” link to only show on mobile, then you can add the hide-on-desktop and hide-on-tablet classes into the div like this: <div style="text-align:center" class="hide-on-desktop hide-on-tablet">

    Let me know if this answers the question.

    #300822
    albabes

    Hey thanks Leo

    So this means “.hide-on-desktop hide-on-tablet” is on GP’s css file?

    I way behind on Ccs5 mobile, damn

    #300827
    albabes

    Didnt work Leo. Still shows on Desktop. Dont have a tab, so cant chk those.

    #300828
    albabes

    Using

    <div style="text-align:center" class="hide-on-desktop, hide-on-tablet">
    <a href="/meetings/">Meetings</a>
    </div>
    #300829
    albabes

    Also tried with out the COMMA

    <div style="text-align:center" class="hide-on-desktop hide-on-tablet">
    <a href="/meetings/">Meetings</a>
    </div>

    Nor can I find either
    .hide-on-desktop
    .hide-on-tablet
    in either css files?

    #300831
    Leo
    Staff
    Customer Support

    Just checked your site and it’s working for me. Maybe try clearing browser cache?

    #300832
    albabes

    Shit your right. I even did a Ctrl | refresh button, to both FF and Chrome, to clear em. Not work.
    Then I closed both, reopened em, and it was working.

    Cache is getting baffling these days.

    Thanks Leo

    PS. Why am I not finding the classes in either css files?

    #300834
    Leo
    Staff
    Customer Support

    Yeah caching can be a pain.

    It should be in the unsemantic-grid.min.css file.

    Glad I could help!

    #300846
    albabes

    Have never seen a file “unsemantic DOT anything” in any of the WP GP child theme?

    Ftp only?

    #300847
    Leo
    Staff
    Customer Support

    Should be in wp-content > themes > generatepress > css.

    #300849
    albabes

    But not Accesible via /wp-admin ?

    #300850
    Leo
    Staff
    Customer Support

    Don’t think so as they are two separate directory.

    #300916
    albabes

    Thanks much Leo.

    #301110
    Leo
    Staff
    Customer Support
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.