Support Forums

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

Your Time: Our Time:

Mobile view issue on Calcio

Featured Lock Resolved Issue
Hello,

After the enable right side [https://www.joomshaper.com/forums/right-module-didn-t-show-in-inside-pages]
Site mobile view not working properly. Please advice.

Many Thanks

Attachments (1)

  • දික්කසාදවීමට ඔබට හේතුවක් තිබේද .png
    දික්කසාදවීමට ඔබට හේතුවක් තිබේද .png 14.1 KB

7 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your pm. I have updated css code. Now working fine.


.view-article #sp-component {
width: 75%;
}
.view-article #sp-right, .view-article #sp-left {
width: 25%;
}
@media only screen and (max-width : 320px) {
.view-article .article-details {
padding: 70px 20px !important;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
.view-article #sp-component {
width: 100%;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
}

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

.view-article .article-details {
padding: 70px 20px !important;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
.view-article #sp-component {
width: 100%;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
}
@media only screen and (max-width : 480px) {

.view-article .article-details {
padding: 70px 20px !important;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
.view-article #sp-component {
width: 100%;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
}
@media only screen and (max-width : 768px) {

.view-article .article-details {
padding: 70px 20px !important;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
.view-article #sp-component {
width: 100%;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
}


-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside the custom.css file.


@media only screen and (max-width : 320px) {
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .article-details {
padding: 70px 20px;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
}

@media only screen and (max-width : 375px) {
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .article-details {
padding: 70px 20px;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
}
@media only screen and (max-width : 480px) {
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .article-details {
padding: 70px 20px;
}
.view-article #sp-right, .view-article #sp-left {
width: 100%;
}
.view-article .entry-image {
width: initial;
margin: initial;
}
}


-Thanks

harshag

More than a month ago #Permalink
Hello Toufiq,

I added that code it's working for mobile. But desktop right side view goes to down of the page. Please advice.

Many Thanks

Attachments (1)

  • දික්කසාදවීමට ඔබට හේතුවක් තිබේද (1).png
    දික්කසාදවීමට ඔබට හේතුවක් තිබේද (1).png 234.9 KB

Toufiq - Staff

More than a month ago #Permalink
Hello Toufiq,

I added that code it's working for mobile. But desktop right side view goes to down of the page. Please advice.

Many Thanks


Hi, Could you send me the administrator access via pm? Thanks

harshag

More than a month ago #Permalink
It's working!...
Many Thanks !

Toufiq - Staff

More than a month ago #Permalink
It's working!...
Many Thanks !


Hi, You are most welcome & Thanks


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 152
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 85
Toufiq

Toufiq

Total Accepted Answers: 21
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289268

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