Top Bar and Menu not responsive

This topic contains 6 replies, has 2 voices, and was last updated by  Puro Support 1 year, 12 months ago.

  • Author
    Posts
  • #2952

    GG
    Participant

    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

    #2953

    Puro Support
    Keymaster

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

    #2954

    GG
    Participant

    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.

    #2955

    GG
    Participant

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

    #2956

    Puro Support
    Keymaster

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

    #2957

    GG
    Participant

    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?

    #2958

    Puro Support
    Keymaster

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Scroll to top