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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok