• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

Feature request: Hide Post Info and Intro text on mobile devices

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Feedback/Suggestion › Feature request: Hide Post Info and Intro text on mobile devices

  • This topic has 14 replies, 3 voices, and was last updated 5 years ago by Joseph.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 12, 2016 at 4:07 am #779
    Joseph
    Participant

    Hi support,

    From the Flex – Featured Posts widget http://prntscr.com/9p156w can you please include the option to hide Post Info and Intro text on mobile devices? But appear on desktop or larger devices. http://prntscr.com/9p12c8

    And truncate title per character would be really great too.

    Regards,
    Joseph

    January 12, 2016 at 5:44 am #780
    Davinder Singh Kanith
    Moderator

    Thanks for your suggestions, appreciated!

    As of now, you can easily hide post info using display:none in CSS media queries.

    Regarding truncate title per character, this feature is already included in upcoming Sunshine Pro theme (besides other cool features).

    January 12, 2016 at 6:08 am #782
    Joseph
    Participant

    Hi Davinder,
    Could you please guide me how to hide Post Info and Intro text on mobile devices only, but how on desktop?

    I wish you update the truncate feature to Flex theme as well 🙂

    Regards,
    Joseph

    January 12, 2016 at 8:28 am #784
    Chinmoy Paul
    Moderator

    Can you share the site URL?

    January 12, 2016 at 10:17 am #786
    Joseph
    Participant

    Hi Chinmoy,
    Here is the demo http://demo.simpleprothemes.com/flex/agency/ please view on mobile.

    January 12, 2016 at 12:04 pm #787
    Chinmoy Paul
    Moderator

    EDIT:

    We need your live site URL. If site is not live then you will share the link and then we shall share the code about this issue.

    If there have any privacy issue then you can share the site link via our contact form.

    • This reply was modified 5 years ago by Chinmoy Paul.
    January 12, 2016 at 1:19 pm #792
    Joseph
    Participant

    Hi Chinmoy,
    I hope you understand what I explaining here. Or I rephrase, could you please guide me how to hide Post Info and Intro text on mobile devices?

    January 12, 2016 at 1:24 pm #795
    Davinder Singh Kanith
    Moderator

    For post info, set entry-meta to display: none in required media query size.

    p.entry-meta {
        display: none;
    }

    For intro text, need your website url for more targeted support.

    January 12, 2016 at 6:27 pm #798
    Joseph
    Participant

    Hi Davinder,
    Here is the test site url

    And the sticky nav also not work properly. If you scroll up, then the sticky bar got cut off at right and left. http://prntscr.com/9p9i0c

    Regards,

    January 12, 2016 at 6:30 pm #799
    Davinder Singh Kanith
    Moderator

    Post info is hidden in mobile view.

    For sticky bar, in style.css file

    change…

    .sticky-nav .site-navigation {
        background: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    to…

    .sticky-nav .site-navigation {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    January 12, 2016 at 6:59 pm #800
    Joseph
    Participant

    Hi Davinder,
    Thank you so much. May I just ask where do I change the title color, and hide author from style.css file. see screenshot: http://prntscr.com/9p9u7n

    Regards,

    January 12, 2016 at 7:04 pm #801
    Davinder Singh Kanith
    Moderator

    Following code control title normal and hover colors

    .entry-title a,
    .sidebar .widget-title a {
        color: #444;
    }
    
    .entry-title a:hover {
        color: #22a1c4;
    }

    To remove author, open flex featured post widget and remove author shortcode from post info section (top right side).

    January 12, 2016 at 7:10 pm #802
    Joseph
    Participant

    Hi… I would like to totally remove the author in post view as well, not just on homepage.

    January 12, 2016 at 7:12 pm #803
    Davinder Singh Kanith
    Moderator

    To remove ‘author’ from default loop, you can output customized post info using following code in functions.php file (add it at bottom of the file)

    //* Customize the post info function
    add_filter( 'genesis_post_info', 'sp_post_info_filter' );
    function sp_post_info_filter($post_info) {
    if ( !is_page() ) {
    	$post_info = '[post_date] [post_comments] [post_edit]';
    	return $post_info;
    }}
    January 12, 2016 at 7:58 pm #804
    Joseph
    Participant

    Hi Davinder,
    Regarding the sticky menu, if I change the background color of the site, it appears like this: http://prntscr.com/9paw52 and the menu is move a bit to the right, and left bar is missing.

    Regards,

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2021 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates