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

Site Alignment: left or right look terrible on 4k

Question

Posted (edited)

Site URL: https://studioloys.com/works

Hello everyone,

I'd like to have "Site Alignment: Right" - because of the way my logo and navigation are positioned with that setting - and it looks great on an HD monitor but it looks terrible on 4K. Basically the whole page is squeezed to the right half of the screen, leaving the other half completely blank.

The template I am using - Wexley - has a max page width of 1800, so all the 1800px are pushed to the right of the screen.
Is there a way, some line of code for the "Custom CSS" box, that I could add to fix this?
Can I tell the template to have a "Whole Site Alignment: Central" (at ANY resolution) while keeping the already existing "Site Alignment: Right"?

If there is no solution I will just choose "Site Alignment: Central" but I really don't like having the navigation and my logo at the top-centre of my site.

Any suggestion will be greatly appreciated.

Thanks in advance,

Manuel

 

EDIT: "image 4" is just a photoshopped version I made to show what I would like to have. My site still looks like "image 3" when I choose "Site Alignment: Center" or it looks like "image 2" when I choose "Site Alignment: Right".

image 1.jpg

image 2.jpg

image 3.jpg

image 4.jpg

Edited by Studioloys

Completely lost

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 1

to remove page max width, you can add this to Home > Design > Custom CSS

section#page {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

 


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

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 1
1 hour ago, Studioloys said:

That is actually even better. Thank you!

There is still a bit just under the header that has limited width to 1800px. Is there a way to extend that too? I tried anything but it didn't work.

 

.extra-wrapper .sqs-layout:not(.empty) {
    max-width: 100%;
}

 


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

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

It seems you solved?


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

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
Posted (edited)

Sorry for the confusion.
I did not solve it.
The last image is a Photoshop adjustment to show what I'd like to get.

Edited by Studioloys

Completely lost

Share this post


Link to post
  • 0

Too many questions from last Sunday and Monday, there is no time to double check your questions.

I will check tomorrow


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

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

I have actually deleted the last message new because you are right, I was making things more confusing. Sorry.


Completely lost

Share this post


Link to post
  • 0

That is actually even better. Thank you!

There is still a bit just under the header that has limited width to 1800px. Is there a way to extend that too? I tried anything but it didn't work.

image 7.jpg


Completely lost

Share this post


Link to post
  • 0

AAAHHH! Life saviour, thank you so much, it's perfect!
Man... I have been trying to figure this out myself FOR DAYS (for a week to be precise) by inspecting the page and looking here and there for the right "objects" to edit... trying this and that... reading CSS examples and threads but dude... now that I see what was the actual line... I know I would have never gotten to it on my own, not in a million years.

So, from my heart, thank you so much!


Completely lost

Share this post


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