[Resolved] Top Bar and Menu not responsive

Super 🙂 Glad to hear you’ve made progress.

One option for posts would be to use Jetpack Widget Visibility: http://jetpack.me/support/widget-visibility/. Once you’ve set the visibility for each sidebar widget to not display on the single post page, the sidebar should be removed.

If you’re trying Jetpack for the first time we recommend going to Jetpack > Settings and bulk deactivating all modules. Then choose the modules you want to use.

(URL removed 🙂 )

Ahh right. I assumed you wanted your sidebar to still be displayed on pages. If you don’t need it showing on pages then yes, removing all sidebar widgets will remove the sidebar.

Is it possible to keep my edits in css to be permanent and not changed when theme is updated?

Unfortunately, not. We’ve been meaning to write a documentation page on how to recover from this situation. Hopefully, we’ll get that done in the next month or so. A summary:

1. Download the original style.css file: https://themes.svn.wordpress.org/ultra/1.0.2/style.css. You could also download the theme ZIP and pull the original style.css from there.

2. Download DiffMerge: https://sourcegear.com/diffmerge/

3. In WordPress, download Simple Custom CSS and activate: https://wordpress.org/plugins/simple-custom-css/. If you use Jetpack already then rather go to Jetpack > Settings and enable Jetpack Custom CSS.

4. Grab your edited style.css file. If you have FTP setup you can login to your server, go to /wp-content/themes/ultra/ and copy style.css onto your desktop. You could also go to Appearance > Editor > style.css and copy the contents into a text file.

5. Open DiffMerge and drag the original style.css file and your edited style.css file into the program.

6. Copy each edited rule into your Custom CSS plugin. For Simple Custom CSS you’ll find the Custom CSS field at Appearance > Custom CSS. For Jetpack Custom CSS you’ll find it at Appearance > Edit CSS.

7. To keep your Custom CSS organised, try use comments to break sections up:

/* I am a CSS comment */

You don’t need to copy complete rules, let’s say the original rule was:

hr {
  background-color: #eaeaeb;
  border: 0;
  height: 1px;
  margin: 0 auto 1.78571em;
}

and say you edited one value, the background color, you don’t need to copy this entire rule into Custom CSS, you can just copy the selector and the declaration you changed. For our example, just changing the background-color, you’d copy:

hr {
  background-color: #eaeaeb;
}

Hopefully, this makes sense. It’s common position to need to recover from so feel free to ask follow-up questions, we’re here to help.

Hi Sonáya, please, open a new support topic and include a link to your website. Thanks.