How to center the content and the footer?

Support
#1

1.I am doing my website but unfortunately the content and the footer is on the left part of the webpage . I dont wish to use sidebars etc. Just I wish to center both( the content and the footer ) and align them with the mine menu. I am going to give you my address

  1. I wish to limit the width of the content as well but not using the % I love his appearance but I am aware that on the smarthpone is a disaster so I would like to limit it maintain a nice looking on PC and MAC and improve it on smartphones only

making something like that : 20minutos.es : great width on pc the mine is 1366

and make centered content and footer and in the same time make better smarthpone version

Please provide me all the steps in order to have it crystal clear , please

#2

Hi There,

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

.x-container {
    margin: 0 auto;
}

Let us know how it goes!

#3

it does not works :frowning: the menu and the logo are centered now but the content and the footer are not aligned

#4

Hi There,

Could you please send us with a screenshot how it looks on your end?

Thanks.

#5

#6

Hey @Borislav.VD,

I checked your footer and it is perfectly centered. Please clear your browser’s cache then check again.

If the issue persists on your end, would you mind providing the details of your device, OS, and browser including their versions?

Thanks.

#7

In fact i have 2 options or have the footer centered or the menu and the logo centered , but not both :frowning: I wish to have both of them aligned can you give me some advice please this is like appears

#8

Hello @Borislav.VD,

Thank you for writing in. Regretfully, I am still personally a little confused as to what you are wanting to achieve. In your first post you asked about wishing to “center both (the content and the footer), and align them with the menu.” Everything on the page appears to be centered and lined up based on your wishes in the original post. I also looked at your example of http://www.20minutos.es/ and the content seems to be lined up just as that is. If you’re wishing to have the entry area be fully aligned to the outside of the menu alignment, you can try:

.entry-wrap {
  padding-left: 0;
  padding-right: 0;
}

If none of this is seeming to answer your specific request, if you wouldn’t mind please very clearly trying to outline again what it is you’re looking to accomplish, as everything seems to be in order based on your initial request. We are happy to help you if you need further help, we will just need clearer instructions perhaps as everything seems to be in the right place at this time.

Cheers.

#9

thanks for your answer . Yes, I have caused a small misunderstood. What I am looking for is center the content the footer and the menu in the center of the page . RIght now the content and the footer are centered but the menu and the logo are not centered . So , basically I wish to move the menu on the left in order to align the full website in the center of the webpage .

How can I maintain my logo on the left part of the website and center the menu and align it ( the menu ) with the content and the footer .

#10

Hi There,

You can add the following code to Theme Options CSS

@media screen and (min-width: 960px) {
.ubermenu-responsive-default.ubermenu {
    margin-right: 15%;
    margin-top: 52px;
    margin-bottom: 0px;
}}

Hope it helps

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.