Dara – CSS to "float" social icons over header?

corkandforksite · Member · Apr 5, 2017 at 7:12 pm
Copy link

Add topic to favorites
Hello – Using the Dara theme…New to CSS but seems like there must be a way to float the top round social media icons over the header…the header space is huge, so ample room.

Is this doable, you think? something about position? maybe getting them out of that iframe? Any pointers?

Blog is for a business that doesn’t want it live yet, so I can’t paste a link…have a screen shot, but that does not appear to be paste-able here.

Thank you for any ideas!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 6, 2017 at 4:30 am
Copy link
Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. I’ve limited this to screens/windows 600px and wider since below that the icons overlap the title in the image.
```
#masthead {
  display: relative;
}
.site-branding {
  background-color: transparent;
  position: absolute;
  z-index: 10;
  top: 50px;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
}
```
corkandforksite · Member · Apr 6, 2017 at 3:35 pm
Copy link
My hero!! That’s so cool, totally worked and helped me understand a bit more. I really appreciate the quick response!

Thank you so much!
thesacredpath · Member · Apr 6, 2017 at 6:48 pm
Copy link
Awesome, and you are welcome!

No items found.