Recent
Categories
View Replies (6)

Page Title in Mobile View shows up later

  1. Issue
0
Votes
Undo
  1. christadold
    christadold
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 29 December 2017
  5.  Subscribe via email
Hi, I am using the Caitlin template for a website. In order to improve page speed I installed JCH optimizer (PRO) and used it on the "optimum" level and activated almost all other possible optimizations of the plugin (lazy image, etc.). Also have edited .htaccess in order to get rid of the "index.php" in the url. I had some issues (if I select "Home" or "Kontakt" a small blue "Menu" pops up on the top left which makes the whole website "jump";). After deactivating jch everything is fine again on desktop view. However, in mobile view (i.e. smaller screens) in "kontakt" the page title (kontakt) only shows up an instant after the page has loaded. This makes the whole Website "jump down" one line. It looks very akward and I would like the page title to sho immediately (as on the other menu items). Do you know any remedy, please?
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Just to confirm that I understand you correctly, you wish to eliminate the jump with the loading of your website logo? Testing your site this is the only jump we can notice.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
christadold
christadold
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
Apologies for not being able to describe the problem in proper terms as i'm a real beginner. I try again: In mobile view, I notice a certain "jump" of the website when a page is loaded. It seems to be particularly noticeable on the "Kontakt" page. If this is related to loading the website logo as you mentioned then , yes , I am grateful for hints how to eliminate the jump.

Thank you for your very fast and helpful reply!
  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
Hello

A bit of a shot in the dark as I still am unsure if I understand you correctly but try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)...

#header_bg {

    min-height: 120px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
christadold
christadold
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran,

somehow your advice has improved the website's behaviour. Thank you!

However, when trying to further optimize the Website and detecting any problems with JCH optimizer I have discovered that Web Console (Firefox) shows me the following error when the Website is loaded (jch optimizer turned off):

TypeError: this.settings.slides[nb] is undefined [Weitere Informationen] jquery.vegas.js:336:17

Do you maybe have any advice what can be done in regard to this?

Thank you again for your highly appreciated support!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

This issue should be now resolve.

The following was replaced in your templates index.php (../templates/[YourTemplate]/index.php)...

<!-- Vegas Background Slideshow -->

<script type="text/javascript" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.vegas.js" charset="utf-8"></script>

<script type="text/javascript">

(function($) {"use strict";

    $(document).ready(function() {

        $('#vegas-slideshow').vegas({

            delay: <?php echo $headerslideinterval ?>,

            timer: false,

            slides: [

            <?php 

                if(is_array($header_json['header_slide_image'])) {

                foreach($header_json['header_slide_image'] as $value)  {

                ?>

                    { src: '<?php echo $this->baseurl ?>/<?php echo $value; ?>'},

            <?php } } ?>

            ]

        });

    });

})(jQuery);

</script>


With...

<?php if (!empty($headerslideshow)) { ?>

<!-- Vegas Background Slideshow -->

<script type="text/javascript" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.vegas.js" charset="utf-8"></script>

<script type="text/javascript">

(function($) {"use strict";

    $(document).ready(function() {

        $('#vegas-slideshow').vegas({

            delay: <?php echo $headerslideinterval ?>,

            timer: false,

            slides: [

            <?php 

                if(is_array($header_json['header_slide_image'])) {

                foreach($header_json['header_slide_image'] as $value)  {

                ?>

                    { src: '<?php echo $this->baseurl ?>/<?php echo $value; ?>'},

            <?php } } ?>

            ]

        });

    });

})(jQuery);

</script>

<?php } ?>


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


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