Anna Webdesign

You have the same template and code!

Maybe you have to try it with an FTP program like Filezilla to see all your files on the website ??

What is your website url??

Does this help:

.wrapper-excerpt-thumbnail img {
    box-shadow: none!important;
}

Yeahhh! Now I can go to sleep peacefully ??

Goodnight and succes with your website!

Nooo not perfect… ?? those damn tables haha

Can you replace the code with this:

@media screen and (max-width: 400px) {
table.responsivetable td {padding: 10px 0px!important;}
table.responsivetable {width:100%!important;font-size: 11px;}
table.responsivetable img {width: 11px;}
}

And you have to delete the other code that you put at the bottom:

table.responsivetable td {padding: 10px 10px!important;}

Sometimes it helps to turn the sitemap on and off!

In the /assets/css/responsive.css

Rule 449

Change:

#primary {
	    width: 100%;
}

to

#primary {
	    width: 100%;
	    padding-left:15px!important;
	    padding-right:15px!important;
	}

But the other code is gone now..
and you did 10px padding instead of 0px ??

Try to add this in your child css:

@media screen and (max-width: 400px) {
table.responsivetable td {padding: 10px 0px!important;}
table.responsivetable {width:100%!important;}

}

That is not going to fix everything but we should get 1 step closer ??

Aah oke, it is because of all the extra padding and colspans you used everywhere.

It is totally a tables problem! I can see it has nothing to do with the entire page. – If you check the partners page it looks fine on mobile devices ??

I would first try to add:

table.responsivetable td {padding: 10px 0px!important;}

And add the class to ALL the tables.

And then you can get a good look where it goes wrong.

Is see it, I go check ??

Jeej! Glad it worked ??

Well your text was something like 120px height – so the padding above: 40px + padding below 40px = 80px + 120px made it 200px ??

Hellooo!

Probanly because in your theme: /minamaze/styles/style-responsive.css

The code on line 135 says:

#pre-header-links-inner, #breadcrumbs, #sidebar, #intro.option3 .page-teaser, #footer-menu, .meta-author {
    display: none;
}

– If you change it to:

#pre-header-links-inner, #breadcrumbs, #sidebar, #intro.option3 .page-teaser, #footer-menu, .meta-author {
    display: block;
}

It will most likely show your sidebar and widgets on the mobile device!

Hellooo!

I see you have made a child theme ??
Go to:

https://personligutvecklingnu.se/wp-content/themes/ct-mont-blanc/style.css

And add:

.header-content {padding: 40px 0px 40px!important;}

Helloo,

I would give the table a class – like this:

<table style="border-color: #666; width: 700px;" cellpadding="10" class="responsivetable">

And in your css you can place this:

table.responsivetable { width: 100%!important; }

Make sure to put in in the right media query ??