Resolved

Top Bar and Menu not responsive

Ultra Theme started by GG Jan 26, 2016 8 replies
GG Jan 26, 2016 · 9:46 am #2952

Hi …

Thank you for creating and sharing this theme. I just got it installed and I’m having a problem with top bar menu and primary menu not responsive when on mobile. It does not “Collapse the top bar” and “Show special responsive menu”. I have both “Responsive Top Bar” and “Responsive Menu” checked in the theme settings.

Thanks in advance for your reply

Puro Support Puro Jan 26, 2016 · 10:45 pm #2953

Hi GG

Thanks for your support.

Go to Appearance > Theme Settings and change the Responsive Menu Collapse. Try 1024. That setting looks to be set to zero at the moment. Unfortunately, that means it’ll never collapse the menus.

(This setting should have a minimum of 480. Apologies for the hassle. We’ll implement this in a theme update).

GG Jan 27, 2016 · 5:33 am #2954

Thank you very much that fixed it.

Is it possible to make blog posts full width without sidebars? There’s no option to select template for posts like pages.

GG Jan 27, 2016 · 5:36 am #2955

Is it possible to remove my url on the first post? Thank you very much

Puro Support Puro Jan 27, 2016 · 5:44 am #2956

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

GG Jan 27, 2016 · 8:00 am #2957

Thank you .. I’ve disabled sidebar by removing everything in it and not using Jetpack Widget Visibility.
Is it possible to keep my edits in css to be permanent and not changed when theme is updated?

Puro Support Puro Jan 27, 2016 · 11:17 pm #2958

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.

MotylekSonaya Feb 24, 2020 · 12:02 pm #14036

Hi,
I transfered a content from one domain to another. The new one is buddha108.com. Ofter transfering, the mobile menu got irresponsive and I do not know what to do. I tried to install the plugin you are recommending here. However, after installing it and setting it up, my menu got responsive also on desktop. How can I make it responsive only for mobile, please?

Thank you

Sonáya

Andrew Misplon Puro Feb 24, 2020 · 12:03 pm #14037

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

9 posts
Closed This topic is closed to new replies. Still stuck? Start a new topic in Ultra Theme.