dritschlermedia

We are looking for a project management tool that can either be integrated or embedded on a Squarespace website. The goal is to have users come to the site to use the tool, rather than go to the project tools website.

If you google this there is literally nothing.

This does not solve our problem...

Site URL: https://dritschlermedia.com/blog

We want to enable users to publish blog comments on our blog and allow website links.

Were wanting something similar to the comment section found here: https://www.elegantthemes.com/blog/business/best-office-hoteling-reservation-and-booking-systems

It's a bonus if we can collect their email address in exchange for allowing them to comment with a website link.

We don't want to allow links directly in the comments, but we do want to allow the name field to have the link tied to it.

The link MUST be a no-follow link.

Please help!

Site URL: https://earthworm-clownfish-cc5d.squarespace.com/

I am having difficulty aligning my hamburger menu text to the left, and making the font size smaller.

Here is the code I am using to populate the hamburger menu:

//hamburger menu on desktop//
.header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible;}
.header .header-burger{display:flex}
.header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1; visibility: visible;
width: 35%; 
margin-left: 65%;
box-shadow: -5px 5px 15px #000}

There is a LOT of CSS on this site that we didn't do, I can provide that if needed.

9 hours ago, tuanphan said:

Add this new code

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}
header#header img {
    max-height: 150px;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
}
header#header {
    margin-top: 25px;
}

 

I was able to get this to work! Thank you!

What I used:

.header-announcement-bar-wrapper {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
header#header img {
    max-height: 150px;
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
      margin-top: 33px;
}
header#header {
    margin-top: 0px;
}

17 hours ago, tuanphan said:

Add to Design > Custom CSS

header#header img {
    position: relative;
    bottom: -50px;
}

 

This gets the logo to drop below the header, but it does not allow me to adjust the logo size relative to the size of the header. I need the header to be the shortest height possible, and the logo to be large enough to be legible.

Site URL: https://kangaroo-cyan-yjet.squarespace.com/

Password to enter the site is "prosper".

I am attempting the make the logo height taller than the header.
The logo for the site is a banner type logo that I would like to hang down past the header.

There must be a way to manually adjust the header and logo sizing in CSS.