This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to reduce Height of Menu Bar, Mast Head and Spacing between Menu Items?

Open 10 replies themetheme-vantage
aos1965
11 years ago · Last reply by Andrew Misplon 9 years ago

Hello Community Friends,
I am quite new to making Website and am trying to develop my first Website using WordPress Vantage Theme.
Can someone help me with following issues?:
1. How to reduce height of Menu Bar?
2. How to reduce Height of Mast Head?
3. How to reduce the Spacing between the Menu Items?
4. How reduce Spacing between various rows inserted using PageBuilder? There is lot of space between two rows, which is irritating at times?

Regards
Anil

URL: http://lean.890m.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff 11 years, 1 month ago

    Hi Anil

    Thanks for reaching out. 1 and 2 are available under Appearance > Customize in Vantage Premium. If you’d like to stick with Vantage Free we’ll run you through some CSS you can insert into a plugin like Jetpack Custom CSS.

    1. Add the following to your Custom CSS plugin, edit as required:

    /* Vantage Menu Padding - Vertical */
.main-navigation ul li a {
padding-top: 20px;
padding-bottom: 20px;
}

    2. Add the following to your Custom CSS plugin, edit as required:

    /* Vantage Header Padding */
header#masthead .hgroup {
padding-top: 35px !important;
padding-bottom: 35px !important;
}

    3. Add the following to your Custom CSS plugin, edit as required:

    /* Menu Padding Horizontal */
.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

    4. A bit harder at the moment as we have some cross overs between old row styles in Vantage and new ones in Page Builder; we’re working on this problem. For now try:

    a. Edit the row, click the Theme tab on the right and click the No Bottom Margin checkbox.
    b. Edit the row, click the Attributes tab on the right. Enter your own custom row class, something like this:

    custom-bottom-margin

    Then under Appearance > Custom CSS (Vantage Premium) or in your own Custom CSS plugin, target that class:

    .custom-bottom-margin {
margin-bottom: 10px;
}
  2. Neo NeverFull 10 years, 8 months ago

    Hi Andrew !! Your code works great for the Menu Bar but unfortunately my Logo and Search Icon did not respond to the changes… I need help to align them with the Menu Bar. Thanks a lot ! =)

    • Andrew Misplon Staff 10 years, 8 months ago

      Hi Neo NeverFull

      Hopefully you’ve made progress on this. If not, please, open a new support thread and send your URL so we can take a look.

      Page: New Thread

      Once that’s done we’ll jump in and help out.

      Thanks

  3. Achmad Syaifullah 10 years, 5 months ago

    hi andrew, your code work so good, thanks
    i can remove margin bottom with custom css on page builder, but how to remove margin bottom on slider, there is a spacing between slider and text area..

    • Andrew Misplon Staff 10 years, 5 months ago

      Hi Achmad

      If you’re using Vantage you can use:

      /* Home */
.home #main {
padding-top: 0;
}

      For any further help with this, please, open a new thread and I’ll be with you ASAP!

      Thanks :)

      Page: New Thread

  4. Achmad Syaifullah 10 years, 5 months ago

    thanks andrew, ill try it later

  5. Andrew Misplon Staff 10 years, 5 months ago

    For sure :)

  6. Wasif Ahmed 9 years, 10 months ago

    Hi Andrew Misplon,
    glad to see your working for Vantage theme users.
    Can you please make me know that how can i reduce the height of the menu from up and down?
    Your reply is solicited.

    My site URL:
    http://www.kmlsolution.com/new/

  7. Wasif Ahmed 9 years, 10 months ago

    I’m using free Vantage theme.

    • Andrew Misplon Staff 9 years, 10 months ago

      Hi Wasif

      Thanks for reaching out. I’ll reply to your thread shortly.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread