Docs

[cohen611]

Hi! I have the footer looking proper in desktop but having trouble getting things to align properly in mobile. The image on footer top right (write.share.discover) should disappear in mobile and the icon on left should center align. The float on the copyright needs to clear so that it will center align properly. I’ve tried many things but here’s the last attempt:

@media (max-width : 767px) {

#rommeled_image-6 .widget .left-image p{
display: none !important;
}

.x-colophon-content {
float: none !important;
}
}

The other issue is the whole comments section is on the left and not centered.

Thanks in advance for the help!

[cohen611]

This reply has been marked as private.

[Jade]

hi there,

Please use this code:

@media (max-width : 767px) {

      #rommeled_image-6 {
         display: none !important;
      }

      #rommeled_image-5,
      .x-colophon-content {
          width: 100%;
          text-align: center;
      }
}

Hope this helps.

[cohen611]

Hi Jade! Thank you but it did not change anything. The image still displays and things are not aligned.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[cohen611]

It’s in the thread!

[Rupok]

Hi there,

Thanks for writing back but certainly it’s not in the thread. Kindly read the reply again and provide required information so that we can have a look and assist you on this. It seems your given credentials for the .htaccess authentication not for the WordPress access.

Hope this makes sense.

[cohen611]

This reply has been marked as private.

[Rad]

Hi there,

That’s a ton of CSS, I can’t verify if there are broken CSS that affect it. Though I tried the above CSS directly through developer tools and it’s perfectly working. Which means, there is something wrong along with the other CSS you’re adding it with. Maybe not properly closed CSS?

Though, please try adding this code to your child theme’s functions.php

add_action('wp_footer', 'embed_footer_CSS');

function embed_footer_CSS () { ?><style>

@media (max-width : 979px) {

      #rommeled_image-6 {
         display: none !important;
      }

      #rommeled_image-5,
      .x-colophon-content {
          width: 100%;
          text-align: center;
      }

      .x-colophon.bottom .x-nav {
      float: none !important;
      }
}

</style><?php }

This will isolate this CSS from the rest of CSS. I also added another CSS to center align the footer navigation and change the breakpoint to 979px to include tablets.

Thanks!

[cohen611]

Hi,

Putting it in the functions files did it! The footer looks beautiful!

Thanks for a great theme and having the best support.
Thank you so much and all of the support staff for the fast responses and awesome work!!

Cheers,

N

[Rahul]

Thanks for your kind Words.

Let us know if we can help with anything else.

Thank you.

[cohen611]

Hi, I am having trouble aligning the comments section of the pages. Currently it sits all the way to the left and I need it to center align horizontally with the rest of pages’ content.
Please help 🙂

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-comments-list {
    margin-left: 15%;
}
.h-comments-title span {
    margin-left: 11%;
}

Hope that helps

Joao

[cohen611]

Thank you Joao.

That pushed it over but I was hoping for a solution that keeps everything inline with the rest of the content, footer, etc.

[Christopher]

Hi there,

I can’t access your site, please check URL.

Thanks.

[Author]

Posts