Responsive layout for Mobile or tablet view
-
-
- Jemal
- Newbie
- Posts: 1
- Thanks: 0
-
I need help on my website,
jeberti.com
, to adjust the responsive layout. It is not effectively adapting automatically to match whatever device or window size is loading it. I have tried to fix the problem, but I was not able to do it.
The text and images are not confined to their specified boxes and become jumbled.This image is hidden for guests.
Please log in or register to see it.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Jemal wrote:
I need help on my website, jeberti.com , to adjust the responsive layout. It is not effectively adapting automatically to match whatever device or window size is loading it. I have tried to fix the problem, but I was not able to do it.
The text and images are not confined to their specified boxes and become jumbled.
It's padding being added by your jazin component. To override it for mobile, in your
rt_leviathan-custom.css <-{Click CSS Guide below}This image is hidden for guests.file add this:
Please log in or register to see it.
/** Remove jazin padding for Small Screen Mobile Modes **/ @media only screen and (max-width: 480px) { .default .ja-zin .ja-box .ja-box-inner { padding: 0 !important; } .ja-zincontent.clearfix { padding: 10px !important; } }
This will help a lot but it won't correct continuous text that is way too long for the container, eg "Salvation(WSMNS)".
To break this up write your content like this:
<span> Eritrean Solidarity Movement for national Salvation </span> <br> <span> (WSMNS) as known as Simret is hosting a symposium... </span> - Last Edit: 10 years 3 months ago by DanG.
-
Time to create page: 0.117 seconds