Joomla Templates Club 406,261 posts

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048736

When I look at my site on the iPhone in Vertical position the sidebar-2 images in the modules I have there extend out over the site template. When I rotate my phone to horizontal position they are fine. The computer browser is fine as well. See image. How do I fix this?

---

Attachments:

1. 

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048998

??

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049115

Hi
You have modified the padding the creating this issue,
Remove this code from custom.css file and check

.t3-sidebar .t3-module {
    margin-left: -20px;
    padding: 5px;
}

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1049198

You advised me to change this code to fix another issue I had with spacing around the images. See Topic HERE.
I want to keep the 5px setting as this is what I want it to look like when using a computer.
How do I keep the 5px for computers and get it to work on mobile devices as well?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049326

Hi
Replace the code with this code

@media (min-width: 768px) {
.t3-sidebar .t3-module {
    margin-left: -20px;
    padding: 5px;
}}

This code will not work for mobile view.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. montgomeryr

[Author]

Posts