Joomla Templates Club 406,261 posts

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

#840626

Hi could u check it again and or provide device name , as i can see it showing fine in mobile view > http://prntscr.com/9n149c

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#840723

It is an iPhone 6 and opened with Safari. If you scroll down you see it better. Whether by landscape or portrait this gap exists.

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

#840871

Hi
i checked it for device iphone6 here >http://prntscr.com/9n149c i did not found the problem .
I also saw you using a custom template , I suggest you to use Original template as custom template does not have latest template updates and many issues in future because u can not update it and also as support purpose .
I also tested in simulator Iphone Here does not found the problem .

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#840885

That with the update I understand but it does not solve the problem. When you look at this tool or even better with the right iPhone, it looks not good. Can you look at it with this link?

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

#841577

Hi
i checked the link provided by you and it not showing the issue of gap in mega menu . + in Footer its also not showing the same issue as in screenshot > http://prntscr.com/9nf4hz
In tools and mobile devices its very hard to check the padding , it most probably the padding space .
I also tested demo site and there is no issue in it , it may due the custom changes u did on site .
You can try this tweak
go to the template-responsive.css in your css folder .
find this line near line 1520

  .container {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

change it into

  .container {
    padding-left: 20px;
    padding-right: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

hope it helps

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#841722

Hello
Thank you for your patience.

Now I have installed the original template and the problem still exists. After that, I installed a fresh QuickStart beranis Joomla and it has in the lanscape format on the right side again this gap.

Even with a Samsung Galaxy S5 exists this gap.

You can find temporary beranis quickstart here.

---

Attachments:

1. 
2. 

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

#841727

Hi
Did u tried my suggestion given here It will fix the problem , i tested it on your site , there was padding issue .

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#841739

Yes’ve inserted but it does not solve. Have you tested it with a hardwear?

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

#841756

Hi
I tested your site in My android device Here & here
and chrome debugger tool for mobile here
but could not found this issue , site is working fine .

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#841761

Portrait it is well but landscape is the problem.

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#841957

I changed the template-responsive.css in line 1625.

.t3-footnav {
    padding: 0px 20px 0;
    font-size: 11px;
  }` 
to

  .t3-footnav {
    padding: 0px 0px 0;
    font-size: 11px;
  }

And it looks good.
But now it is missing at the footer.
I am not satisfied with this solution.
Do you have a better idea?

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

#843567

Hi
Yes its fine now . there is small padding isssue that u can fix on your site with below solution .
U need to changed this code in template-responsive file line 1614

.t3-footer .container {
    padding-left: 0px;
    padding-right: 0px;
}

into

.t3-footer .container {
    padding-left: 10px;
    padding-right: 10px;
}

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#843887

I have the 10px inserted, without success.

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

#844036

Hi Carlo Paladino
its does not seem you did the changes on site , while the problem showing gap is solved at my end .
i tested in several devices and there is no gap in like before .
For making padding i directly did the changes on your site . Now its looking fine as needed > http://prntscr.com/9op16b

[maisfeld Friend maisfeldJoin date: September 2014Posts: 66Downloads:54Uploads:31 Thanks: 15 Thanked: 1 times in 1 posts]

#844056

Hi Pankaj Sharma

I have increased the margins on 20px.
Now it’s super, thanks for your help.

[Author]

Posts