Docs

[ylpl]

In regards to the topbar being fixed, I’m referring to that in desktop view.

Thanks,

Daniel

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (min-width:979px){
.x-topbar.x-topbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
}
.x-navbar-fixed-top {
    top: 186px;
}
}

Please add following code in Customize -> Custom -> JavaScript :

jQuery(document).ready(function($) {

    var $window     = $(window);
    var $this       = $(this);
    var $body       = $('body');
    var $navbar     = $('.x-navbar');
    var $topbar     = $('.x-topbar');
    var $logobar    = $('.x-logobar');
    var $navbarWrap = $('.x-navbar-fixed-top-active .masthead');

    if ( ! $body.hasClass('page-template-template-blank-3-php') && ! $body.hasClass('page-template-template-blank-6-php') && ! $body.hasClass('page-template-template-blank-7-php') && ! $body.hasClass('page-template-template-blank-8-php') ) {
    if ( $body.hasClass('x-boxed-layout-active') && $body.hasClass('x-navbar-fixed-top-active') && $body.hasClass('admin-bar') ) {
      $window.scroll(function() {
        var $adminbarHeight = $('#wpadminbar').outerHeight();
        var $menuTop        = $navbarWrap.offset().top - $adminbarHeight;
        var $current        = $(this).scrollTop();
        if ($current > $menuTop) {
          $topbar.addClass('x-topbar-fixed-top x-container max width');
        } else {
          $topbar.removeClass('x-topbar-fixed-top x-container max width');
        }
      });
    } else if ( $body.hasClass('x-navbar-fixed-top-active') && $body.hasClass('admin-bar') ) {
      $window.scroll(function() {
        var $adminbarHeight = $('#wpadminbar').outerHeight();
        var $menuTop        = $navbarWrap.offset().top - $adminbarHeight;
        var $current        = $(this).scrollTop();
        if ($current > $menuTop) {
          $topbar.addClass('x-topbar-fixed-top');
        } else {
          $topbar.removeClass('x-topbar-fixed-top');
        }
      });
    } else if ( $body.hasClass('x-boxed-layout-active') && $body.hasClass('x-navbar-fixed-top-active') ) {
      $window.scroll(function() {
        var $menuTop = $navbarWrap.offset().top;
        var $current = $(this).scrollTop();
        if ($current > $menuTop) {
          $topbar.addClass('x-topbar-fixed-top x-container max width');
        } else {
          $topbar.removeClass('x-topbar-fixed-top x-container max width');
        }
      });
    } else if ( $body.hasClass('x-navbar-fixed-top-active') ) {
      $window.scroll(function() {
        var $menuTop = $navbarWrap.offset().top;
        var $current = $(this).scrollTop();
        if ($current > $menuTop) {
          $topbar.addClass('x-topbar-fixed-top');
        } else {
          $topbar.removeClass('x-topbar-fixed-top');
        }
      });
    }
    }

});

Hope it helps.

[ylpl]

Thanks, that seemed to fix the social media button issue but the top bar is still not in fixed position in desktop view.

Daniel

[Rad]

Hi Daniel,

I like to check but your site is completely down, I checked it here http://www.isitdownrightnow.com/dev.ylpl.net.html too. I waited for a couple of minutes just to see if it’s just intermittent downtime issue. But it stays that way 🙂

Please let us know when it’s up.

Thanks!

[ylpl]

Hi, I apologize for the delayed response. I spoke with my IT Manager and we checked a bunch of website test sites and they all show that it is up. This was one of them: http://www.downforeveryoneorjustme.com/dev.ylpl.net

Let me know if it works now.

Thanks,

Daniel

[Joao]

Hi Daniel,

I try to acess your site using the URL above provided but without sucess.

I am getting

“It’s just you. http://dev.ylpl.net is up.
Check another site?

Looking for great web hosting?
Move to SiteGround and get the best!
”
And if I click on the link I get:

“Access forbidden!

New XAMPP security concept:

Access to the requested directory is only available from the local network.

This setting can be configured in the file “httpd-xampp.conf”.

If you think this is a server error, please contact the webmaster.

Error 403

dev.ylpl.net
Apache/2.4.3 (Win32) OpenSSL/1.0.1c PHP/5.4.7″

As soon as we have a working URL we will be able to have a look at the issue.

Thanks,

Joao

[ylpl]

Yikes! I think try this and let me know.

http://dev.ylpl.net/wordpress/

Thanks,

Daniel

[Lely]

Hello Daniel,

I am able to access your site now. Above Javascript and CSS should make the topbar fixed. But then it is not working because of the following error on the console.

dev.ylpl.net/:635 Uncaught SyntaxError: Unexpected identifier
Then on your Customizer> Edit Global Javascript, I can see the following text:

se add following code in Customize -> Custom -> JavaScript :
Please remove that part. It will cause that error and then try again.

Hope this helps

[Author]

Posts