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

IEHR

Question

I am trying to fix the alignment of the logo on my site so that it stays centered on mobile. I have built so many Squarespace sites previously but this is my first using 7.1. I find it not user-friendly whatsoever. I think I have chosen it so that it's a centered header; yet any time I view it on not a large desktop window, it aligns to the left (on the larger desktop windows it does indeed center).

Any help would be appreciated!

 

Link to comment

Recommended Posts

  • 0

Can you share link to your site?

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
  • 0
19 hours ago, IEHR said:

@tuanphan Here is the link: https://www.rosenberg-russell.com/  .... thanks in advance!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-title-logo {
    text-align: center;
}
}

 

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
  • 0
On 3/3/2020 at 12:59 PM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.header-title-logo {
    text-align: center;
}
}

 

I have increased the logo size on my site using this code;

.header-title-logo img{
max-height: 850px !important;
max-width: 850px !important;
  
}

On desktop my logo shows centrally but on laptop it isn't central

https://coral-pufferfish-7fhr.squarespace.com/ Password: romshed

Link to comment
  • 0
1 hour ago, rwp said:

I'm not sure you can without a bunch of javascript.

@tuanphan do you know?

You can use JavaScript to clone left menu, then append it to right.

Then use CSS to hide half of items in both menus.

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
  • 0
1 hour ago, jennypetit said:

aww ok i thought so sense you are here @rwp is it a way to align the sign up form horizontal instead of vertical like side by side name and email 

rather than one on top of the other.

[data-form-id="5ef104cf248f58611c7849aa"] .field-list.clear {
    display: flex;
}

[data-form-id="5ef104cf248f58611c7849aa"] .form-item.field.email {
    margin-left: auto;
}

[data-form-id="5ef104cf248f58611c7849aa"] .form-item {
    width: 48%;
}

 

Link to comment
  • 0
15 hours ago, tuanphan said:

You can use JavaScript to clone left menu, then append it to right.

Then use CSS to hide half of items in both menus.

wow seams well complicated is for a client so i might have to pass I´m not sure how to do java script 

but if you think is no that complicated ill apretiate your help tho I think many others might find this helpfull

Thanks

Link to comment
  • 0
15 hours ago, rwp said:

[data-form-id="5ef104cf248f58611c7849aa"] .field-list.clear {
    display: flex;
}

[data-form-id="5ef104cf248f58611c7849aa"] .form-item.field.email {
    margin-left: auto;
}

[data-form-id="5ef104cf248f58611c7849aa"] .form-item {
    width: 48%;
}

 

 The code is no doing anything i try  in the css and adddign a code box under the form and nothing happens 

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...