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!