Recent
Categories
View Replies (3)

Nadia - Responsive Design Issue

  1. Issue
0
Votes
Undo
  1. princevejita
    princevejita
  3. Commercial Templates
  4. Sunday, 11 December 2016
  5.  Subscribe via email
Hello guys,

I have an issue with the Responsive Design on my website. I use the "Nadia" template.

Website is sina-ck-mobilsoft.com

When you visit this website via a smartphone (tested it with a Galaxy S6 and an iPhone 5), I'm getting a strange behavior from the website when it comes to a thumbsgallery.

You can see it when you click on the menu and choose "Das Lädchen". On the phone you see the gallery first. After you scroll down a little bit the site content appears all of the sudden and the gallery jumps to the end of the website.

If I use the Google Chrome browser and test it with the Responsive feature straight from the browser, I have no issue at all.

Any ideas how I can fix this?

Thanks,
Chris
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Could you double check the URL provided as it appears to be giving us a 'Server not found' error.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
princevejita
princevejita
Accepted Answer Pending Moderation
0
Votes
Undo
Uuupppsss.... sorry guys, my fault.

Here the right URL: sina.ck-mobilsoft.com/
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try removing the following from your templates scripts.php (../templates/j51_nadia/php/scripts.php - line 22 to 42)...

<?php if($sidecol_responsive_pos == 'after') : ?>

<!-- Responsive stacking order -->

<script type="text/javascript">

jQuery(document).load(jQuery(window).bind("resize", listenWidth));



    function listenWidth( e ) {

        if(jQuery(window).width()<959)

        {

            jQuery("#sidecol_b").remove().insertAfter(jQuery("#content_remainder"));

        } else {

            jQuery("#sidecol_b").remove().insertBefore(jQuery("#content_remainder"));

        }

        if(jQuery(window).width()<959)

        {

            jQuery("#sidecol_a").remove().insertAfter(jQuery("#content_remainder"));

        } else {

            jQuery("#sidecol_a").remove().insertBefore(jQuery("#content_remainder"));

        }

    }

</script>

<?php endif; ?>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok