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

[Joseph]

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

[Davinder Singh Kanith]

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).

[Joseph]

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

[Chinmoy Paul]

Can you share the site URL?

[Joseph]

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

[Chinmoy Paul]

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, 3 months ago by Chinmoy Paul.

[Joseph]

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?

[Davinder Singh Kanith]

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.

[Joseph]

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,

[Davinder Singh Kanith]

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;
}

[Joseph]

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,

[Davinder Singh Kanith]

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).

[Joseph]

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

[Davinder Singh Kanith]

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;
}}

[Joseph]

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