Branko

Hey @kristynms,

At the moment there isn’t a way to insert a contact form in the pre footer section. You could do that through a child theme and hooks provided by the theme. If you are familiar with that I can send more info on how to do that.

Thanks!

Hey @jasmeetsingh,

1) Sinatra fully supports Elementor. Even Elementor Pro features are supported.

2) Multisite works as expected.

3) There isn’t a paid version of Sinatra theme, it’s completely free just like WordPress.

4) We don’t have the sticky header feature yet, but you can try with this CSS:

#masthead {
  position: sticky;
  top: 0;
  z-index: 9;
}

Add that CSS into the Customize ? Additional CSS field.

Thanks!

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

Hey Detlef,

You can add the following CSS code into the Appearance ? Customize ? Additional CSS field:

.sinatra-social-nav > ul > li > a .si-icon {
  font-size: 1.5rem;
  height: 2rem;
}

Let me know if that worked for you.

Thanks!

@bojates,

Thanks for sharing your solution. That’s a good way to do it, no need to change your code ??

Hey,

This is not a theme issue. It sounds like you are using a cache plugin.

After inspecting your website I found this:
<!--Cached with Swift Performance Lite-->

There should be a button to delete cached files within the plugin. You can contact the plugin author if you are not sure how to do that.

Thanks!

Do you want to hide the ‘hamburger’ menu button or the mobile menu dropdown?

@bojates

You can remove the ‘Blog’ breadcrumb item with this line of code:

remove_filter( 'sinatra_breadcrumb_trail_items', 'sinatra_breadcrumb_trail_items', 10 );

You can add the code snippet to the functions.php file of your Child theme (if using one) or use a plugin for adding code snippets such as this one.

If you like Sinatra theme and have a minute of your time, please leave a review here, that means a lot to us. ??

No, the mobile menu is actually the same menu as the regular one just styled differently for mobile devices.

You can add a menu widget in the Top Bar section in Customizer ? Header ??Top Bar if that works for you.

For pagination, Sinatra uses inbuilt WordPress function the_posts_pagination. It looks like this is an issue in WordPress Core, that has been reported here over 2 years ago: https://core.trac.www.ads-software.com/ticket/43789

It seems that it still hasn’t been officially fixed, but there is a workaround posted in the ticket.

Hello,

You can do that by increasing the value of “Mobile Breakpoint” to 1920 or even higher.

That option is located in Appearance ? Customize ? Header ? Main Navigation ? Mobile Menu.

Screenshot.

Simone,

I’m trying to see the issue on your site, but it looks fine on my end in all cases. Have you fixed it in the meantime perhaps?

The only thing I see is that the text below the logo is not centered in some cases, and that can be fixed by adding this CSS into “Additional CSS” field in the Customizer:

.sinatra-logo .site-description {
    text-align: center;
    word-break: break-word;
}

The position of the hamburger menu button can be changed with CSS. Just let me know where you’d want to place it and I’ll send the CSS ??

Thanks!

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

@buster13 I’m glad to hear that!

If you like Sinatra theme and have a minute of your time, please leave a review here, that means a lot to us ??

@buster13,

You can move the sidebar on mobile devices before content. The solution for that is posted here. That solution will work just for WooCommerce pages, if you want it to work for everything else as well you’d use this CSS instead:

@media screen and (max-width: 960px) {
  #main > .si-container {
    display: flex !important;
  }

  #primary {
    order: 3 !important;
  }
}

In the new update we will add an option to control sidebar on mobile devices (move before content, after content, or hide).

Thanks!

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

Hey @buster13,

The theme hides the copyright menu on mobile devices by default. We are going to change (fix) that in the minor update that we are going to release in the next couple of days.

If you need a quick solution, you can add this CSS code into “Additional CSS” in the Customizer:

@media screen and (max-width: 599px) {
    #sinatra-copyright .si-copyright-widget.si-copyright-widget__nav {
        display: block;
    }
    
    .sinatra-header-layout-1 .sinatra-nav > ul {
        justify-content: center;
    }
}

Hey @evermail,

It looks like this is a CSS bug in the theme.

We will release a minor update in the next couple of days fixing this issue.

If you need the fix right away, you can add this CSS into “Additional CSS” field in the Customizer:

@media screen and (max-width: 960px) {
  .si-tsp-header #sinatra-header-inner .sinatra-nav > ul > li > a {
    color: #000; /* Add your color here */
  }
}

Thanks!