Mobile not responsive and desktop

Illdy
1

www.morsedigital.com.br

  • Mobile not responsive.
  • Blank space on the right.
  • How to centralize the footer on your mobile phone?
2

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

@media (min-width: 768px){
.top-header .col-sm-8 {
    width: 80%!important;
}}

@media (min-width: 768px){
.top-header .col-sm-4 {
    width: 20%!important;
}}

To center the footer, you may add this CSS:

@media (max-width:420px){
footer .container {
width: 50%;
}}

In regards to that random white space, I’m not sure that’s as a result of the theme, so I’m going to ask that you try to disable all of your third-party plugins and see if this issue still exists.

If it resolves the issue I am going to then ask you to activate the disabled plugins one by one and test the page to see if we can isolate the conflicting plugin if that is the case.

I hope this helps :slight_smile:

Best Regards,
Support

3

I deactivated the plugins and the blank space continues :frowning:

4

Hi there,
Thanks for keeping in touch with us.

I’ve been searching through your code for a little while, but I think I’ve found the problem. There’s this container that was spreading out a bit too much. To fix this, kindly add and save the following code to Appearance > Customize > Additional CSS:

@media (min-width: 1200px){
.container {
    width: 100%!important;
  }}

I hope this helps :slight_smile:

Best Regards,
Support

5

Thank you for your help!

The problem still continues :frowning:

6

Hi there,
Thanks for keeping in touch with us.

Kindly add and save the following code to Appearance > Customize > Additional CSS:

.container {
    width: 100%!important;
  }
​
@media(max-width:550px){
  .col-sm-12 h1 img {
    margin-left: -100px;
}
}

@media(max-width:550px){
a.header-button-two {
    margin-left: -45px!important;
}}

I hope this helps :slight_smile:

Best Regards,
Support

7

What if I give you the password and you try to fix it?

8

Hi there,
Thanks for keeping in touch with us.

Do you have any form of cache enabled on your site?
I just went back on the site and added the CSS to my CSS extension and it worked perfectly in mobile and desktop views so its possible that you may need to clear your cache and see if that helps. If not, you may send me the password privately and I’ll have a look.

I look forward to your reply :slight_smile:

Best Regards,
Support

9

I deleted the cache and it still has a very small white space. The header description text also gets broken and misaligned.

Login: morsedigital
pass: ^)E6T^*jFhECFblpkmVzGts(

Thanks

10

Hi there,
Thanks for keeping in touch with us.

I think the issue might be with the CSS plugin that you’re using or the CSS that you already have. I think there’s something that’s overriding the CSS that I’ve given. I’m going to ask that you try saving the CSS that you have somewhere safe then disable the CSS plugin and try adding the code in the regular place for Custom CSS (given above) and see if that works. Another thing you could try is to simply move all the CSS over to Appearance > Customize > Additional CSS and then disable that plugin.

You may also want to temporarily disable your cache to ensure your changes are reflected instantly.

I hope this helps :slight_smile:

Best Regards,
Support

11

Thank you for your help.

I delete the plugin and the problem still exists.
I delete the Css code and continue the white space

I do not know what to do anymore

12

I reseted
And found out what the problem is
But I do not know how to solve

When I put the static option the problem occurs

13

Hey?