Joomla Templates Club 406,261 posts

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#926605

Hello.

Im having issues when viewing my site on a mobile device.

What css should i change to display the main container to 100% on all mobile devices.

I have tried changing the following but it does not affect the view on a mobile device.

@media (max-width: 1136px)
  .container{
    Width: 100%!important;
  }
@media (min-width: 480px)
.container {
    width: 100%;
}

---

Attachments:

1. 

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#926681

I fixed it.

I found this in my custom css file

/* Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
        body { 
            padding: 0; 
            margin: 0; 
            width: 320px; }
        }

    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        body { 
            width: 495px; 
        }
    }

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

#926842

Hi
glad you fixed it . If you have any doubt/questions do not hesitate to open a thread on forum .

Regards .

[Author]

Posts