Remove the Border Around the Logo
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
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
9Hi 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 :)
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.