Docs

[BradleyB]

Hi,

I have searched the forum and have not found a solution to the following issue:

My footer and header are not aligned on the left or right. I have the following code to make the footer content right align and left align:

/* footer menu left margins align*/
footer.x-colophon.bottom .x-social-global {
    float: right;
    width: 18em;
}

body .x-colophon.bottom .x-colophon-content {
   clear:both;
}

body .x-colophon.bottom .x-nav li {
   float:left;
}

body .x-section {
    margin:0 !important;
}

body .x-section .x-container.width {
    width:100%;
}   

Any idea how I can fix this? Thanks!

[BradleyB]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Cheers!

[BradleyB]

Thanks for your reply. Sorry I wasn’t clear enough. There are two screens in the attached image, the top shows the site currently, and the other =shows what I would like to accomplish. Please let me know if this makes sense. Thanks!

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-colophon.bottom .x-container.max.width {
    max-width: 89%;
    width: 89%;
}

Hope it helps 🙂

[BradleyB]

Thanks so much!

[Joao]

You are welcome.

[Author]

Posts