Formatting mobile version of sites doesn’t change much

[ad_1]

I’m new to WordPress.

I have my site set up for a desktop and it looks fine. But when I visit the page with a mobile device the padding makes the site basically unreadable.

For me it looks like this:

I already have the plugin installed called “Specific Content For Mobile – Customize the mobile version without redirections”, and that does improve it a little, not that much.

With help of other threads, my Additional CSS currently looks like this:

“`
@media (max-width: 768px) {
.content-container.site-container {
padding: 0 10px;
}
}

@media (max-width: 768px) {
.site-top-footer-inner-wrap {
grid-row-gap: 0;
}
}

.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container {
max-width: 1000px;
}

@media screen and (min-width: 240px) and (max-width: 1179px)
.container-fluid {
padding-right: 0px;
padding-left: 0px;
}
}
“`

I’m not sure what else to do.
Any ideas?
Thanks!

[ad_2]