Support » Theme: Ignite » Disable Primary Menu

  • Resolved akamossad

    (@akamossad)


    Hi Ben,

    Thanks for giving us ignite, just bought ignite plus to extend on what I can do to the free theme. However, I have one request on how to totally disable the display of the primary menu.

    Regards,
    Erick.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Erick,

    Thanks so much for upgrading!

    The best way to do this is to create a new custom menu without any menu items in it. Then you can assign it to the Primary menu location and there won’t be a visible menu on your site.

    Hi Ben,

    Upgrading was the least I can do to promote your good work. I have another question, am using the narrow without sidebar layout and I want to reduce the content margin on both right and left. Would you please help with a CSS tweak for that.

    Look at the attached photo I have marked the margins I want to reduce. https://imgur.com/a/PB6fFn7

    Regards,
    Erick.

    • This reply was modified 3 months, 3 weeks ago by  akamossad.
    Theme Author Ben Sibley

    (@bensibley)

    The following CSS should work well for that:

    .entry {
      padding-left: 24px;
      padding-right: 24px;
    }

    Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    P.S. there is an update on the way very soon for Ignite Plus that will let you set the layout for all posts, pages, and archives separately 🙂

    Hi Ben,

    Thanks for your quick response. Looking forward to the update, but so far love the theme.

    Regards,
    Erick.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome!

    Don’t hesitate to contact me here if you need anything else, and I’ll be happy to help.

    Hi Ben,

    Erick here still, I want to center the menu in one of the my site and in another site I want to right-align the menu. Would you please help with a css tweak for that.

    Thanks in advance,
    Erick.

    Theme Author Ben Sibley

    (@bensibley)

    Hey Erick,

    This CSS will right-align the main menu:

    @media all and (min-width: 50em) {
    	
      .menu-primary-items {
        float: right;
      }
    }

    Since the menu occupies the same row as the site title and social media icons, it can be tough to center. Are you displaying your site title and social media icons as well? I can provide some code to center the menu, but those will have to move above and below the main menu for this to work.

    Am not using the social media icons at the header, I have them on the extra footer widget that come with the ignite plus.

    At the header, I only have the logo and menu both on the same line.

    Plus also, I want to buy an extra key for my second site, which I would like the logo to be centered on top of the menu items, so also help on that.

    • This reply was modified 3 months, 1 week ago by  akamossad.

    Plus also there is one thing that have tried to look at the forum but am unable to: Would you provide a way to customize the font type, weight, line height for the the body content htags,

    For instance, I would like to change the above features for h2, h3, h4, h5, and h6. You will do me a good favor.

    Regards

    Theme Author Ben Sibley

    (@bensibley)

    Please reach out to me at ben@competethemes.com about the license key and I can provide you with a pro-rated discount on the unlimited domain package.

    You can add this CSS to your site to center the site title and menu in the header:

    @media all and (min-width: 50em) {
    	
    	.title-info,
    	.site-title {
    		display: block;
    		float: none;
    		width: 100%;
    		text-align: center;
    		padding-right: 0;
    	}
    	.menu-primary {
    		text-align: center;
    		display: block;
    	}
    	.menu-primary li {
    		float: none;
    		display: inline-block;
    	}
    }
    Theme Author Ben Sibley

    (@bensibley)

    Here is the code you can use to change the font weight, font size, and line-height for all heading tags:

    h1,h2,h3,h4,h5,h6 {
      font-weight: 700;
      font-size: 28px;
      line-height: 1.5;
    }

    You can change the size of individual heading elements like this:

    h2 {
      font-size: 21px;
    }
Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.