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 post
  • Answers 33
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .header-title-logo { text-align: center; } }  

Posted Images

Recommended Posts

  • 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;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 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 post
  • 0

Replace that code with this:

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

 

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

Replace that code with this:


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

 

what can i add to make this work for aligning logo in the middle of the header like this 

Screenshot 2020-07-13 at 13.47.06.png

Link to post
  • 0
5 minutes ago, rwp said:

The logo is centered now. Are you trying to split the menu in half on each side of the logo?

yes thats what i want split the menu 

thnaks in advance if you help me with this

Link to post
  • 0

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.

Link to post
  • 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 post
  • 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 post
  • 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 post
  • 0
13 minutes ago, jennypetit said:

did it work for you the code?

 

That was something different we were working on. I will look into your page now.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...