Home>Support>Top Menu formatting randomly changing

Top Menu formatting randomly changing

By Emir, 7 years ago. Last reply by Alex S, 7 years ago.

Hi every so often the top menu formatting changes on the home page.

My logo (in menu) goes down a line and the text stays on the top line. This enlarges the overall menu vertically and is unwanted.
It randomly goes back to normal every so oftern as well.

Please advise.

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

  1. 7 years, 11 months ago Emir

    Not sure how I can attach a screenshot to show you what I mean visually.

    Thanks.

  2. 7 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Emir,

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box. If you would like to include an image with this URL, please upload the image to imgur.com

  3. 7 years, 10 months ago Stoyan

    Hi Alex,

    Here is my test site where you can see the issue:
    new.mishleta.com
    Almost always a page reload does help, but that’s not a solution to me.

    down http://prntscr.com/d50zww
    normal http://prntscr.com/d510az

    I hope you will be able to help.

    • 7 years, 10 months ago Alex S
      Hi, I Work Here

      Hi Stoyan,

      I can’t seem to replciate the issue in your screenshots but I suspect I know what’s causing them. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:

      .main-navigation .menu > .menu-item {
	margin-top: 5px !important;
}

#masthead.masthead-logo-in-menu .logo {
	margin-top: 0 !important;
	padding: 10px 18px !important;
}

      You might also need to install the SiteOrigin CSS Editor.

      • 7 years, 10 months ago Stoyan

        Hi Alex,
        Today it shows OK, but I placed the code. Could you tell me how may I achieve an in-footer menus like the one at the bottom of current page? Thanks and have a great weekend!

  4. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Emir,

    The menus at the bottom of SiteOrigin.com are actually just TinyMCE widgets with links. In other words, you could use something like the SiteOrigin editor widget to create that.

    If you would prefer a more automated method (said method will allow you to use WP AdminAppearanceMenu), use the Custom Menu Widget.

  5. 7 years, 10 months ago Stoyan

    Thanks, this is exactly what I did and it worked perfect.
    I am happy with the theme. The only thing remaining is to customize the products outlook and the text below product pictures is not centered and the text size, colors needs update too.
    Is this something that you can advise me with? Thank you so much!

  6. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Emir,

    You can change that text with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	text-align: center;
}

/* Product Title */
.woocommerce ul.products li.product h3 {
	color: #0f0;
	font-size: 13px;
}


/* Product Title Hover */
.woocommerce ul.products li.product h3:hover {
	color: #f00;
}

    You’ll need to adjust this CSS to get the desired styling.

    You might also need to install the SiteOrigin CSS Editor.

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