Branko

Hi @iguanagold,

You can try with this CSS:

@media screen and (max-width: 960px) {
    .si-blog-entry-wrapper .entry-media > a { 
        display: flex; 
        justify-content: center; 
    }
}

The CSS can be added into the Additional CSS field in Appearance ? Customize.

Let me know if that worked for you.

Hi @shandil82,

That seems like it was added by a plugin or the theme code was modified with invalid markup.

Try to disable your plugins and see if that helps. Looks like a custom font plugin…

Hi @justwithjeet,

This CSS should force the avatar to show on mobile devices:

.author-avatar img, .author-box .author-box-avatar { display: block !important }

The CSS can be added into the Additional CSS field in Appearance ? Customize

Hi @justwithjeet,

You can hide it with this CSS:

.single-post .si-breadcrumbs {
  display: none;
}

The CSS can be added into the Additional CSS field in Appearance ? Customize.

Hi @anitag8,

It looks like Sinatra theme is not active anymore on your website.

Hey,

Can you share your website URL or a screenshot at least?

Hi,

You can modify theme function sinatra_is_footer_displayed in inc/common.php line #412, or even better you can use sinatra_is_footer_displayed filter.

Here’s the sinatra_is_footer_displayed function:

function sinatra_is_footer_displayed( $post_id = 0 ) {

	if ( ! $post_id ) {
		$post_id = sinatra_get_the_id();
	}

	$footer_displayed = sinatra_option( 'enable_footer' );

	if ( $post_id && $footer_displayed ) {
		$footer_displayed = ! get_post_meta( $post_id, 'sinatra_disable_footer', true );
	}

	// Do not show footer widgets on 404 page.
	if ( is_404() ) {
		$footer_displayed = false;
	}

	if ( $footer_displayed && ! current_user_can( 'edit_theme_options' ) ) {

		$footer_columns = sinatra_get_footer_column_count();
		$footer_active  = false;

		for ( $i = 1; $i <= $footer_columns; $i++ ) {
			$footer_active = $footer_active || is_active_sidebar( 'sinatra-footer-' . $i );
		}

		$footer_displayed = $footer_displayed && $footer_active;
	}

	return apply_filters( 'sinatra_is_footer_displayed', $footer_displayed, $post_id );
}

Hey,

Double check that you have uploaded images in high resolution and also that the issue is not caused by a third party plugin.

Hi,

It’s hidden because of this: .entry-title { display: none }.

Try adding this CSS:
.blog .entry-title { display: block; }

If you are using a cache plugin, you need to purge/delete the cache.

Let me know if that worked.

Hi @pangad,

There is an option for fullwidth or contained header in Header ? Main Header.

Here’s a screenshot.

If that didn’t work, please send your website URL so I can take a closer look into that.

• This reply was modified 3 years, 2 months ago by Branko.

Hey Andre,

The default WordPress search was used.

You would have to modify search.php file (template-parts/header/widgets/search.php) in order to replace it with a custom one.

Hi @beanaranjo,

Yes, by default the menu does not close on menu click. You can enable that by adding this JS code to your website:

document.querySelectorAll('.sinatra-nav').forEach( (nav) => {
  nav.querySelectorAll('a').forEach( (link) => {
  	link.addEventListener('click', () => {
  	    document.documentElement.classList.remove('is-mobile-menu-active')
            nav.removeAttribute('style');
        })
  })
})

If you are not sure how to add the code, you can use this plugin.

Hey Juraj,

You can remove the blue highlight on mobile devices by using this CSS code:

.sinatra-nav a { -webkit-tap-highlight-color: transparent; }

The CSS code can be added into the Additional CSS field in Appearance ? Customize.

Thanks!

Hey @kevindecker64,

I found something like this in the code: theiaStickySidebar.

It seems a plugin has added sticky functionality to the theme sidebar. Look into your Plugins and see if there’s a plugin that adds sticky sidebar functionality.

Thanks!

Glad to hear I was able to help ??