1. Valter
  2. Finance
  3. Tuesday, 15 May 2018
Dear Sir,

I have this problem, as you can see if I reduce the pages in mobile style the content of the article does not adapt to the width of the page, how can you fix it?

in attach the image
Attachments (1)
Accepted Answer
Accepted Answer Pending Moderation
Hi Valter.
Here is fix:


@media only screen and (max-width: 480px) {
article.item {display: block;float: none;}
.post-format {display:none;}
.blog-content-wrap {padding: 20px 10px; float: none;}
p.readmore {overflow: hidden;}
p.readmore a { display: block;font-size: 85%;}
}


add into custom.css file.

Please remove code from Arun, he made small mistake.
  1. more than a month ago
  2. Finance
  3. # Permalink
Responses (7)
Accepted Answer Pending Moderation
Hi,

Please share your url.

Thanks
Arun
  1. more than a month ago
  2. Finance
  3. # 1
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Finance
  3. # 2
Accepted Answer Pending Moderation
Hi,

Try below css

@media only screen and (max-width: 480px)
.blog-content-wrap {
padding: 0px;
float: left;
}


Thanks
Arun
  1. more than a month ago
  2. Finance
  3. # 3
Accepted Answer Pending Moderation
Hi,
Now, it is ok!

and in blog view? https://www.cicliste.eu/newsapp/blog.html
  1. more than a month ago
  2. Finance
  3. # 4
Accepted Answer Pending Moderation
Same CSS will work. Did u update the css in live website.
  1. more than a month ago
  2. Finance
  3. # 5
Accepted Answer Pending Moderation
thank you!
  1. more than a month ago
  2. Finance
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.