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].
I am trying to remove the image border around the logo and I have been unable to figure how to make it so the logo is just floating over the background. My website is dailyfitnessclub.com
Hi Zach
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
header#masthead .hgroup { padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 -35px !important; }Awesome, it worked except there is still a little bit of the border showing on the right side of the logo.
Hey Zach
Can you try removing the previous CSS and give the below a try under Appearance > Custom CSS:
/* Full header logo */ header#masthead { padding: 0 !important; } header#masthead .hgroup { padding: 0 !important; } header#masthead .hgroup .logo img { max-width: 1080px; } .main-navigation { margin: 0 !important; }Thanks :)
That didn’t work either, still showing the same little bit of border on the right side.
Please try changing:
header#masthead .hgroup .logo img { max-width: 1080px; }to
header#masthead .hgroup .logo img { width: 1080px; }Yay! That worked, the only minor thing I noticed is there is still that bit of border on the bottom of the mobile version?
Sure, try the following under Appearance > Custom CSS:
@media (max-width: 680px) { body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar { position: absolute; display: block; margin-top: 0; max-width: 100%; } }Great! Thank you s much for the help :)
For sure :)