Branko

Hey @anitas1212,

Take a look at the screenshot. I was able to center a Button within the Cover block using the justification function. In the editor the button stayed to the left, but on the actual website it was centered.

Hey @bsabol202,

I’m not sure if I understood the issue, but it seems something is wrong with your WordPress installation or server config. You should contact your hosting support to check that.

Sinatra theme support is handled on this forum, so feel free to ask anything theme related.

Thanks!

Hey @mywpid123,

Breadcrumbs that come from the theme can be disabled from Appearace ? Customize ? Header ? Breadcrumbs.

It is also possible that one of your plugins is adding breadcrumbs (SEO plugin, WooCommerce…) in that case you should look in plugin settings to disable the breadcrumbs.

Hey @ideastircrazy,

Here’s how it looks like on my end: Screenshot.

It seems fine…

Maybe you are using a cache plugin and seeing a cached version on your end?

Hey @budsy,

Sinatra theme does not provide a form block. I’d say that it’s coming from the CoBlocks plugin.

Try using an SMTP plugin for WordPress to improve email deliverability.

The viewport tag in the theme looks like this:
<meta name="viewport" content="width=device-width, initial-scale=1">

And it should work fine. Do you have the same issue when visiting our demo sites:

https://demo.sinatrawp.com/simple-blog/
https://demo.sinatrawp.com/travel-blog/

Viewport meta tag in the theme is added in inc/template-parts.php:

function sinatra_meta_viewport() {
	echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
}
add_action( 'wp_head', 'sinatra_meta_viewport', 1 );

In your child theme you can remove ‘sinatra_meta_viewport’ from ‘wp_head’ action and add your own.

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

Hey @bellevuetimes,

It seems you are using the ‘Preformatted’ block. I would suggest using the regular paragraph instead.

Here’s a solution for the preformatted block:

.wp-block-preformatted {
    word-break: break-word;
}

You can add the CSS code into the Additional CSS field in Appearance ? Customize.

Thanks for sharing the solution, @mwritesdragons.

Hi,

I wasn’t able to replicate the issue on my end.

The theme uses the native WordPress function for displaying menus:

if ( has_nav_menu( 'sinatra-primary' ) ) {
	wp_nav_menu(
		array(
			'theme_location' => 'sinatra-primary',
			'menu_id'        => 'sinatra-primary-nav',
			'container'      => '',
			'link_before'    => '<span>',
			'link_after'     => '</span>',
		)
	);
} else {
	wp_page_menu(
		array(
			'menu_class'  => 'sinatra-primary-nav',
			'show_home'   => true,
			'container'   => 'ul',
			'before'      => '',
			'after'       => '',
			'link_before' => '<span>',
			'link_after'  => '</span>',
		)
	);
}

Please check if you are using the latest version of the theme. Also, try to deactivate your plugins to confirm if the issue is not coming from a plugin.

Hello,

Go to Appearance ? Customize and add the following CSS code into the Additional CSS field:

#sinatra-header .sinatra-nav > ul {
  max-height: calc(100vh - 100px);
  overflow: auto;
  overscroll-behavior: contain;
}

That’s all.

Hi Andre,

This CSS code will hide header and footer leaving only the content area:

#masthead,
#colophon,
#si-pre-footer,
.page-header {
  display: none;
}

If you need this to be specific per page, you can prefix it with .page-id-{ID} where {ID} is the id of the page.

For example like this:

.page-id-456 #masthead,
.page-id-456 #colophon,
.page-id-456 #si-pre-footer,
.page-id-456 .page-header {
  display: none;
}

Hey there,

Take a look at this article.

The code at the bottom of the article should work fine.

Let me know if that worked for you.

Thanks!

Hey @ebtg,

You can try with this CSS:

@media screen and (max-width: 960px) {
    .sinatra-layout__boxed-separated #page {
      max-width: 90%
    }
}

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

Thanks!

Hey,

Can you share your website URL so I can take a look into that?

Thanks!

Hey,

It’s not possible because there wouldn’t be enough space left for the main content. For sidebar on mobile devices you can choose between before and after content.