Home>Support>Menu icons spacing

Menu icons spacing

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

Good evening, I would like to ask for some help, maybe you can advise me what to do. Today I’ve inserted two media icons (facebook and google+) to menu, but unfortunately they look strange in the whole webpage view, so what I would like to do is:

1. Move media icons in right side of the menu;
2. Reduce gap between these two icons;
3. And if possible move Search button a little bit left, farther from media icons.

I’m not very good specialist at CSS or other similar stuff, so I really need help in this, and If you’ll able to help my – I’ll be grateful.

P.S. I’m attaching you the screenshot, maybe it will help you to understand fully what I need to do. http://puu.sh/fqRI9/2dce083932.jpg

Thanks,

Tomas

URL: http://stakliudalys.lt

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, 5 months ago Dirk van de Mortel

    Hi Tomas,

    The icons look strange because they don’t belong there :)

    The social media icons are not really part of the content of the website. You should find another place for them. If you still insist having them there, change the color to grey and a color on hover, for instance.

    If you find their respective classes you can give them a float:right to place the icons to the right side. Add to styles.css (Appearance > Editor):

    #menu-item-1283 #menu-item-1284 {
    float:right;
    }

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

    Hi Tomas

    Thanks for running Vantage.

    The menu unfortunately isn’t setup at this stage to add content and move the search icon. What you could try is removing Header Text from Appearance > Theme Settings > Logo > Header Text and instead managing your header area from Appearance > Widgets > Header. That’ll let you add text and social icons above the menu, if desired.

    Thanks for the input here @Dirk.

  3. 10 years, 5 months ago Tomas Zajankauskas

    All right, thank you guys for the information, I’ll try to adjust it by your advices :)

  4. 10 years, 5 months ago Tomas Zajankauskas

    Moreover, maybe you can recommend me best social plugins at the moment? I do not need with a lot of functions or
    strong ones, I just need to direct people from this webpage to facebook and g+ page by one click. And also if possible to see how much people used these buttons.

    That’s why I’ve inserted just pictures of these buttons with hyperlinks, not plugin.

    Thanks,

    Tomas

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

    We’ve just launched a social icons plugin as part of our Widgets Bundle:

    http://wordpress.org/plugins/so-widgets-bundle/

    It has options for padding, icon color, background color…we think it works well. Perhaps give it a go.

  6. 10 years, 5 months ago Tomas Zajankauskas

    Thanks! Have a good day :)

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

    For sure. Hope that helps.

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