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.

Replies

2
  1. Alex S Staff 8 years, 11 months ago

    Hi Webblish

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

    #masthead.site-header .hgroup {
	text-align: center;
}

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  2. webblish 8 years, 11 months ago

    That looks really fine, many thanks!

    Since I also needed to make the (large) logo responsive, I added this code tot the custom CSS as well:

    @media (max-width: 600px) {
.hgroup img {width: 100%; height: auto;
}
  #masthead .hgroup { padding-top: 18px !important; padding-bottom: 0 !important;margin-bottom:-10px}
}

    (The last part was to decrease the vertical padding (of 25px) to an acceptable size)

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