Docs

[brighthings]

Hello,

The columns in the footer show 4 columns, but the last one is under the first 3. How can i solve this problem?

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

Upon checking your site, it’s appeared to be fine on my end – http://prntscr.com/cjp6pf

Would you check from different browser and confirm the issue?

Cheers!

[brighthings]

This reply has been marked as private.

[Christopher]

Hi there,

Find and remove this code :

@media (min-width: 980px){
.x-colophon.top, .x-column:last-of-type {
    min-width: 250px;
}
}

And add this code :

@media (max-width:767px){
div#text-5 {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
}
}

Hope it helps.

[brighthings]

This reply has been marked as private.

[Paul R]

Hi,

Please provide us your wordpress admin login in private reply so we can check why the code is not working.

Most probably there is a syntax error in your existing css code.

Thanks

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you also have this code under Customize > Custom > CSS :

.x-colophon.top .x-column.x-1-4 {
  display: inline-block;
  float: none;
  text-align: left;
  vertical-align: top;
}

and

.x-colophon.top .x-column.x-1-4 {
  width: 32%;
}

Here is a screenshot of your code – http://prntscr.com/cjubyv

I am not really sure why did you added this as they seems totally unnecessary and breaking the layout.
Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

Hope this makes sense.

Cheers!

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

I have checked your Customizer and noticed the code there that I have added as screenshot. So you didn’t remove that completely. Kindly follow the previous reply and spend a few more minutes as it was detailed enough.

Cheers!

[brighthings]

This reply has been marked as private.

[Christopher]

Hi there,

I went ahead and removed following code from cornerstone settings tab/ custom css, see the attachment.

.x-colophon.top, .x-column:last-of-type {
    min-width: 250px;
}

Please update following code :

@media (min-width: 979px)
body .x-colophon.top .textwidget #x-subscribe-form-760 fieldset+fieldset {
    width: 60%;
    float: left;
}

to :

@media (min-width: 979px)
body .x-colophon.top .textwidget #x-subscribe-form-760 fieldset+fieldset {
    width: 50%;
    float: left;
}

You can move all CSS to customizer to manage easier.

Feel free to adjust the width.

Hope it helps.

[brighthings]

This reply has been marked as private.

[Author]

Posts