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

Your Time: Our Time:

Hello! In the mobile version of the material page SP Movie Database is slightly cut off.

Featured Lock Resolved Bug
Hello! In the mobile version of the material page SP Movie Database is slightly cut off.
How can I fix it?
Screen attached

website http://abkmvs.xyz

Attachments (3)

  • 1.jpg
    1.jpg 149 KB
  • 2.jpg
    2.jpg 201.2 KB
  • 33.jpg
    33.jpg 299.8 KB

14 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please follow the instructions.

templates/your_template/css/create a custom.css file & write down the css code on this file.

-Thanks

FUTURECLIENT

More than a month ago #Permalink
Its something to do with the float: right;


.movie-details-wrap .movie-info-warpper, .celebrity-details-wrap .celebrity-info-warpper {
float: right;
}


As when you remove it it fixed the mobile issue. But doing this sets the layout for larger screens incorrectly (doesn't go full width)

Maybe use some @media CSS?

Vital44

More than a month ago #Permalink
did not understand you!
1) Will this code correct the error?
2) Where should I insert it?

FUTURECLIENT

More than a month ago #Permalink

did not understand you!
1) Will this code correct the error?
2) Where should I insert it?


This isn't a fix, I'm just telling you the apparent issue.

You need to check the CSS code I provided above

Vital44

More than a month ago #Permalink
can you explain in more detail?
Where is this code?
What needs to be done?

Vital44

More than a month ago #Permalink
can someone tell me?

On some phones it is normally displayed, on some it is cut off.

Toufiq - Staff

More than a month ago #Permalink

can someone tell me?

On some phones it is normally displayed, on some it is cut off.


Hi there, Please share the exact URL. Thanks

Vital44

More than a month ago #Permalink
http://abkmvs.xyz


on the screenshot showed. how to cut. Any material Movie Database

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Please add this CSS code inside the custom.css file.


@media screen and (max-width: 768px) and (min-width: 320px) {
.movie-details-wrap .movie-info-warpper, .celebrity-details-wrap .celebrity-info-warpper {
float: initial;
}
}


-Thanks

Vital44

More than a month ago #Permalink
excuse me! and where is the custom.css file?

FUTURECLIENT

More than a month ago #Permalink

excuse me! and where is the custom.css file?


public_html/templates/YOUR_TEMPLATE/css/

then create a file called custom.css

Vital44

More than a month ago #Permalink
Hello Friend! Thank you very much. works!! Hooray

Toufiq - Staff

More than a month ago #Permalink
Hello Friend! Thank you very much. works!! Hooray


Hi there, 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)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 22
Ofi Khan

Ofi Khan

Total Accepted Answers: 20

118

Templates

306195

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