Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Articles image not reponsive to mobile

Featured Lock Resolved Issue
When I view my page on a mobile the blog image and article name not responsive

On a desktop it look ok but not on my mobile device

Link

https://xticketz.com/stellar/index.php/evz/9tuh5

Attachments (1)

  • 4069d2bd-3092-4b25-8a9d-67d585d046ea.jpg
    4069d2bd-3092-4b25-8a9d-67d585d046ea.jpg 42.7 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Good to know you've solved your issue.

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. We are extremely sorry for the late response. Please use this css into your custom css to solve your issue.

@media only screen and (max-width: 425px) {
.article-details .article-full-image,
.article-header {
width: 93vw;
margin-left: -100px;
}
.com-content.view-article .article-header h1 {
font-size: 50px !important;
}
}

Here is the custom css field https://prnt.sc/iqf9mo

-Best Regards

xticketz

More than a month ago #Permalink
When that is applied it fixes the article issue but creates another issue

-100 margin fixes the artcle issue but it creates another

Please view this url on a mobile

Margine is affected

(Category Blog with 3 Grid) --> https://xticketz.com/stellar/index.php/evz

article url issue fixed

https://xticketz.com/stellar/index.php/evz/9tuh5



Hi,
Thanks for your query. We are extremely sorry for the late response. Please use this css into your custom css to solve your issue.

@media only screen and (max-width: 425px) {
.article-details .article-full-image,
.article-header {
width: 93vw;
margin-left: -100px;
}
.com-content.view-article .article-header h1 {
font-size: 50px !important;
}
}

Here is the custom css field https://prnt.sc/iqf9mo

-Best Regards

Attachments (1)

  • 6d698a21-3a99-4928-a441-51159696ae59.jpg
    6d698a21-3a99-4928-a441-51159696ae59.jpg 77.7 KB

xticketz

More than a month ago #Permalink
I've sent a second images with some markings can the space be removed as well below and above 5 tuh 9

When that is applied it fixes the article issue but creates another issue

-100 margin fixes the artcle issue but it creates another

Please view this url on a mobile

Margine is affected

(Category Blog with 3 Grid) --> https://xticketz.com/stellar/index.php/evz

article url issue fixed

https://xticketz.com/stellar/index.php/evz/9tuh5



Hi,
Thanks for your query. We are extremely sorry for the late response. Please use this css into your custom css to solve your issue.

@media only screen and (max-width: 425px) {
.article-details .article-full-image,
.article-header {
width: 93vw;
margin-left: -100px;
}
.com-content.view-article .article-header h1 {
font-size: 50px !important;
}
}

Here is the custom css field https://prnt.sc/iqf9mo

-Best Regards

Attachments (1)

  • e3dbc6eb-3bc0-4c78-9498-e7b6affcaf67.jpg
    e3dbc6eb-3bc0-4c78-9498-e7b6affcaf67.jpg 95.4 KB

xticketz

More than a month ago #Permalink
I just fixed the issue with the modified code below

@media only screen and (max-width: 425px) {
.article-details .article-full-image {
width: 93vw;
margin-left: -100px;
}
.com-content.view-article .article-header h1 {
margin-top: -100px;
margin-bottom: -90px;
font-size: 15px !important;
}
}

view url on mobile --> https://xticketz.com/stellar/index.php/evz/9tuh5


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Sifat

Sifat

Total Accepted Answers: 59
Toufiq

Toufiq

Total Accepted Answers: 49
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 21
Ofi Khan

Ofi Khan

Total Accepted Answers: 15

118

Templates

303679

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us