Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Logo position in header on 7.1


Recommended Posts

On 9/25/2020 at 4:54 PM, Cheryljacklyn said:

I see you solved? Do you still need help on this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 2 months later...
6 minutes ago, paulineg said:

Hi, does anyone knows if I can position my logo on the left on Aviator template version 7.0?

logo left.JPG

Can you share site url? We can help easier.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
1 hour ago, paulineg said:

sure! its Aviator template sS7.0

https://millimetrearchitecture.com/

 

I think you need to use JavaScript to solve this. Which plan do you use?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
On 12/18/2020 at 7:06 PM, paulineg said:

Hi does anyone has an idea if this possible to relocate my logo on th eleft on SS7.0??

https://millimetrearchitecture.com/

 

Sorry for the delay. You can try this guide. I just checked your site code structure & I think your site setting similar with Brine template. https://www.jodineufelddesign.com/blog/how-to-set-up-your-header-layout-on-the-brine-template-in-squarespace

If it doesn't help, let me know, I will check again.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 4 months later...
On 5/16/2021 at 1:54 PM, Benjamin7747 said:

@tuanphan

Thanks for all your work here!

I'd like all header elements on the right, logo first, then nav links right-most. Basically as my site currently has it, but the logo right up against the start of the nav.

Do you have a code for this?

https://www.benjamingoodson.com

Lastly, is it possible to specify a header layout for a single page that differs from the setting for the rest of the site?

Hi. You mean this?

image.thumb.png.e1ccb9721bf62edcfe3e43223c9fb42f.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 4 weeks later...
14 hours ago, NEX said:

@tuanphanI tried a few code snipets above, but was not able to move my logo to the left in Squarespace 7.1 https://mayflower-cymbals-sc2h.squarespace.com/ Pw: Catchup123

I would like the logo to stay centered in mobile.

Could you please let me know what code I would need to insert into the CSS? Thanks! 

Add to Design > Custom CSS

/* Align logo to left */
@media screen and (min-width:992px) {
.header-title-nav-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    text-align: left !important;
}
.header-title {
    text-align: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

I don't see any option for centering my logo. I am using wycoff template.

I think it was a mistake for squarespace to not allow for template changes anymore, since there are clearly things that you can't do with certain templates without code, unless I am mistaken. You start designing with a template, then find out that, oops, you can't do something simple like with the other templates like center your logo.

If there is no way to do this without code, can you help me with the CSS?

Link to comment
3 minutes ago, MrX said:

I don't see any option for centering my logo.

Squarespace 7.1 does have an option for a centered logo on desktop.

To set this, click EDIT then EDIT SITE HEADER. A panel will open. Here's a video showing where you'll find the setting:

 centre-logo-squarespace-seven-one.gif.1487a8d66bba5763358f4b57fcfe98dd.gif

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...