Home>Support>Menu size Vantage

Menu size Vantage

By Robert Latoszewski, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

First off i would like to thank you for providing help for all users :) I need some advice how to change size of menu buttons. Chceck out my site: verano24.pl As you can see menu buttons are at the top border and i want them to be equal with logo which is in menu (so it suppose to cover all that white place from top to bottom). I have changed size of menu earlier to make it narrower and it worked, but now, after i put the logo in menu i just can’t make it wider. I’m not a premium user so everything i do i do in css. I have changed following code:
header#masthead .hgroup {
zoom: 1;
position: relative;
padding-bottom: 59px !important;
padding-top: 59px !important;
but nothing happend, menu buttons are still the same. I must point i have changed some other parts of code so maybe thats the reason why it doesnt take any effect. That was the first thing. Also i would like to place menu buttons at the right side of menu. Logo should stay at left. I see the positions that allows me to change logo side, but can’t find that option for menu buttons. So this is it for now, i’m looking forward to hearing from you :)

URL: http://verano24.pl

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Robert

    Thanks for your support. Please remember that all Custom CSS changes need to go in a plugin like Simple Custom CSS. Changes made directly to theme files will be overwritten during theme updates.

    Try inserting the following into a plugin like Simple Custom CSS:

    /* Vantage Menu Item Padding */.main-navigation ul li a { padding: 25px 10px;}
  2. 10 years, 8 months ago Robert Latoszewski

    Okey, my mistake, i will have to make some changes, this time with plugin :) So this code is working, can you give me also some tip about how to move these buttons to the right side? Actually i think it looks good now, but i would like to know how to move menu anyway, maybe it will be useful in future. Thanks alot for your help :)

  3. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    To right align the menu you could try the following under Appearance > Custom CSS:

    /* Vantage right align the main menu */

.main-navigation ul {
font-size: 0;
text-align: right;
}

.main-navigation ul li {
display: inline-block;
float: none;
font-size: 13px;
}

.main-navigation ul ul li { 
text-align: left;
}
  4. 10 years, 8 months ago Robert Latoszewski

    Its working, thank you very much for your help :)

  5. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helped.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More