Recent
Categories
View Replies (4)

Blog text runs outside the screen on mobile devices

  1. Issue
0
Votes
Undo
  1. Edgar68
    Edgar68
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 03 January 2020
  5.  Subscribe via email
Hi,

I made a quick start of the Bianca Template.
Now, in the classic blog, I see the text runs outside the screen on mobile devices. :(
I saw in the demo on the Joomla51 website, there is the same issue.
https://www.joomla51.com/demo/0166/index.php/blog/blog-classic

Can you help to solve this problem?

Thanks in advance,
Edgar
Attachments (1)
Screenshot_20200101-095302_Chrome.jpg Screenshot_20200101-095302_Chrome.jpg
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 767px) {

.blog-alternative.row-i-c .item-content {

    padding-left: 0;

}

.blog-alternative .item {

    flex-direction: column;

}}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I added but it seems not working.
The text is still running outside the screen.

The display is totally different than in the other 2 blogs. Here the photos are also neatly above the blog text, while in the classic blog the photo hangs a little bit on the top left on mobile view.

Edgat
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

I am unable to see the suggested CSS in your website source. Maybe the CSS was added to an incorrect template style for this menu item?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, it's working.
I did not copied the @ in front.
Now it's working.
Thank you very much !!!!

Edgar.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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