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
Remove the Border Around the Logo
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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 :)