Portolio has stopped working with new jquery (latest wordpress)

Support
#1

See here: https://www.logoglo.com/portfolio-page/

1st thing, Its not working, so I disabled all plugins to test, and emptied caches etc, still doesnt work.

2nd. I updated to the latest theme…still doesnt work

3Rd Updated the cornerstone, and that breaks even more things, the nav bar gets messed up…its erroring too:

“DevTools failed to load SourceMap: Could not load content for https://www.logoglo.com/wp-content/plugins/cornerstone/assets/dist/js/site/cs.0ce70e6.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE”

image
image1920×1080 226 KB

So to reiterate, portoflio doesnt work with latest wordpress. Even without plugins enabled. New cornerstone breaks nav bar as well as other site features, portoflio still doesnt work.

Think you might have an issue with cornerstone and the theme, and jquery.

#2

HI @logoglo,

Could you please try the latest point releases (both X and Cornerstone)? We’ve corrected an issue where the scripts started loading in the wrong order. Thanks!

#3

I updated to the latest versions of the site, and cornerstone about a min ago, portfolio works, but it messes up myy nav bar:

It does this to the nav bar:

Can I give you access to the backend, so you can have a look? I cant do much more than update, which is what I have done, and it breaks the site.

#4

I also thought it might have to do with custom css or java, but I can even open that to check, just stays like this

image
image1920×1080 84.3 KB

#5

OK, so its deffo cornerstone messing up my nav bar, I updated to the latest of both the theme, and cornerstone, and disabled all plugins apart from cornerstone:

image
image1920×1080 203 KB

Then disactivated that too:

image
image1920×1080 268 KB

Nav bar is how it should be.

#6

Update. I deactivated my asset clean up, and that allowed me to go in and check the css and jv, and sure enough, if I delete the CSS it brings back my nav bar (but deletes the intensive work I put into the site to make it how it looks) could you check it out? I need that css for my site to look good, and it worked in previous versions of cornerstone and the previous theme too. Css is:

 .x-alert, .wpcf7-response-output, .buddypress #message, .bbp-template-notice {
  border: none !important;
  
}        
.blog .entry-featured a.entry-thumb:before,
.page .hatom-extra,
.single .jp-relatedposts,
.single-post .entry-featured,
.single-x-portfolio .hatom-extra,
.single-x-portfolio .x-header-landmark {
    display: none
}

.other-btn,
.other-btn:hover {
    text-shadow: none!important;
    box-shadow: none!important
}

.other-btn {
    color: #5420ba;
    border-color: #fff;
    background-color: #fff
}

.other-btn:hover {
    color: #f6f6f6;
    border-color: #50a7dc;
    background-color: #50a7dc
}

.entry-cover:hover .h-entry-cover:before,
.h-entry-cover:before {
    background: 0 0
}

h2.h-entry-cover,
h2.h-entry-cover:hover {
    color: transparent
}

.tparrows {
    background: #0cf!important
}

.price-one.x-pricing-column h2 {
    background-color: #00a3c8;
    color: #fff
}

.x-block-grid-item h1,
.x-block-grid-item h4,
.x-block-grid-item p {
    color: #fff;
    font-size: 16px
}

.x-block-grid-item h2,
.x-block-grid-item h3 {
    color: #5b5b5b;
    font-size: 16px
}

.single-x-portfolio .entry-featured {
    width: 52%
}

.single-x-portfolio .entry-wrap {
    width: 47%
}

.entry-cover {
    background-color: transparent!important;
    border-bottom: 0 solid #333!important
}

.button,
.x-btn {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px
}

body .x-sidebar {
    margin-top: 0
}

.x-sidebar .h-widget {
    font-weight: 700;
    color: #000
}

.blog h2.entry-title,
.blog h2.entry-title a {
    font-size: 30px
}

.blog .entry-content.excerpt {
    font-size: 16px
}

.more-link {
    font-size: 20px
}

.x-sidebar .widget ol li,
.x-sidebar .widget ul li {
    font-size: 15px
}

#blog_subscription-2 {
    font-size: 14px
}

.blog .entry-content,
.blog .entry-header,
.single-post .entry-content,
.single-post .entry-header {
    font-size: 15px;
    font-weight: 400
}

.x-sidebar {
    background: #f1f1f2;
    padding: 25px;
    margin-top: -35px
}

.x-navbar .x-nav>li>a {
    letter-spacing: 0
}

.x-comment-img .avatar-wrap .avatar,
.x-comment-img .avatar-wrap:before {
    border-radius: 60px
}

.x-comment-content {
    font-size: 16px
}

.x-comment-author {
    font-size: 21px;
    color: #0cf
}

.x-sidebar .widget a {
    text-decoration: none
}

@media (max-width:979px) {
    .x-main {
        margin-top: 0
    }
    .x-pricing-column.price-two .x-pricing-column-info {
        padding-bottom: 55px
    }
}

@media(max-width:767px) {
    .touchevents .x-content-band.bg-image.parallax,
    .touchevents .x-content-band.bg-pattern.parallax {
        background-attachment: scroll!important;
        background-size: auto!important
    }
}

@media (max-width:767px) {
    .vc_grid-item.vc_clearfix.vc_col-sm-2.vc_visible-item {
        width: 46%;
        float: left
    }
}

.h-custom-headline.accent span:after,
.h-custom-headline.accent span:before {
    border-color: #0cf
}

.cusbut:hover {
    color: #fff;
    border-color: #005578;
    background-color: #005578;
    text-shadow: none);
    box-shadow: none
}

@media(max-width:980px) and (min-width:768px) {
    .page-id-6630 #x-content-band-4 .vc_grid-item.vc_clearfix.vc_col-sm-2.vc_visible-item {
        width: 33.3%
    }
}

.x-colophon.bottom {
    background: #040608;
    padding: 25px 0
}

.blog .entry-featured a,
h2.entry-title a {
    pointer-events: none;
    cursor: default
}

.wp-fbrev.wpac .wp-facebook-text,
.wp-fbrev.wpac a.wp-facebook-name {
    font-size: 16px!important
}

@media only screen and (max-width:600px) {
    .x-container>.offset {
        margin: 100px auto
    }
    .single-x-portfolio .entry-featured,
    .single-x-portfolio .entry-wrap {
        width: 100%
    }
}

.gradient-bg {
    background: linear-gradient(220deg, #0cf, #34d5ce, #34d5ce, #2582bd)
}

@media screen and (max-width:767px) {
    .align-element,
    .align-element h2,
    .align-element p {
        text-align: center!important
    }

}

.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .2)
}

.x-navbar {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2)
}

.x-icon-bars {
    color: #000
}

@media only screen and (max-width:459px) {
    .envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item {
        width: 33.33%!important;
        clear: none!important
    }
}

@media screen and (min-width:768px) {
    .vertical-align {
        display: table!important;
        width: 100%!important
    }
    .vertical-align .x-column {
        display: table-cell!important;
        float: none!important;
        vertical-align: middle!important;
        padding: 0 2%!important
    }
}

@media only screen and (max-width:768px) {
    .button-align {
        float: none;
        text-align: center;
        margin: .35em auto
    }
}

.wp-fbrev .wp-facebook-time {
    display: none
}

.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
    box-shadow: 0 0 0 rgba(114, 67, 150, 0)
}

.envira-lazy:not(img) {
    padding-bottom: 0!important
}

.single-post .masthead.masthead {
    height: 70px
}

.gw-go-col.gw-go-clean-style1 .gw-go-body>li {
    background: #fff
}

.gw-go-col.gw-go-clean-style1 .gw-go-body>li {
    color: #4d4d4d
}

ul.gw-go-body>li {
    padding: 15px 20px!important
}

.gw-go-col.gw-go-clean-style1 .gw-go-body>li.gw-go-even {
    background: #f8f8f8
}

body .envira-gallery-wrap,
body .envira-gallery-wrap .envira-album-public,
body .envira-gallery-wrap .envira-gallery-public {
    margin-bottom: 0!important
}

p:empty {
    display: none
}

.home #x-content-band-8 {
    background: #761b77;
    background: -moz-linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%);
    background: linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%)
}

a.greenbutton:hover {
    color: #d0d2d3;
    text-decoration: none
}

a.greenbutton {
    color: #fff;
    text-decoration: none
}

.home #x-content-band-14 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.home #x-content-band-16 {
    background: #761b77;
    background: -moz-linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%);
    background: linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%)
}

.x-recent-posts .h-recent-posts {
    font-size: 20px;
    color: #fff;
    line-height: 1.2
}

.x-recent-posts a {
    color: #ccc;
    background-color: rgba(0, 0, 0, .1)
}

.x-recent-posts a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .1)
}

.home #x-content-band-18 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.footermenu {
    letter-spacing: 2px;
    text-align: center!important;
    line-height: 1.2;
    color: #fff!important;
    font-size: 15px!important;
    text-decoration: none!important
}

.x-colophon.top {
    background-color: #000;
    text-align: center;
    padding-bottom: 0
}

.x-colophon.top .x-container.max.width {
    max-width: 900px;
    margin: auto
}

.widget:before {
    display: none
}

.inline-images>.x-img {
    display: inline-block;
    padding: 10px
}

.home #x-content-band-1 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.page-id-6975 #x-content-band-1 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.page-id-6899 #x-content-band-1 {
    background: #761b77;
    background: -moz-linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%);
    background: linear-gradient(25deg, rgba(118, 27, 119, 1) 0, rgba(202, 27, 119, 1) 48%, rgba(255, 206, 109, 1) 100%)
}

.page-id-6899 #x-content-band-4 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.page-id-7820 #x-content-band-1 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.page-id-7872 #x-content-band-1 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.page-id-9903 #x-content-band-1 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

.page-id-7092 #x-content-band-1 {
    background: #590087;
    background: -moz-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%);
    background: linear-gradient(25deg, rgba(89, 0, 135, 1) 0, rgba(80, 64, 236, 1) 48%, rgba(44, 212, 217, 1) 100%)
}

@media (max-width:979px) {
    .x-navbar-fixed-top {
        position: fixed!important
    }
    .x-main {
        margin-top: 0
    }
}

.page-id-6899 .masthead.masthead {
    height: 50px
}

.page-id-10360 .masthead.masthead {
    height: 50px
}

.page-id-6899 .masthead.masthead {
    height: 50px
}

.page-id-6630 .masthead.masthead {
    height: 50px
}

.page-id-7820 .masthead.masthead {
    height: 50px
}

.page-id-7872 .masthead.masthead {
    height: 50px
}

.page-id-9903 .masthead.masthead {
    height: 50px
}

.page-id-7092 .masthead.masthead {
    height: 50px
}

.rplg .rplg-grid .rplg-box {
    position: relative!important;
    margin: 20px!important;
    color: #777!important;
    border: none!important;
    background-color: #fff!important;
    border-radius: 4px!important;
}

.rplg .rplg-grid .rplg-box .rplg-box-content {
    position: static!important;
    height: 100%!important;
    overflow-y: auto!important;
    text-align: left!important;
    padding: 0 2px 0 0!important;
}

h1.entry-title {
    font-size: 350%;
}

.rplg .rplg-grid .rplg-review-text {
    color: #777!important;
    line-height: 24px!important;
    font-size: 16px!important;
}

.rplg .rplg-grid .rplg-review-badge {
    display: none;
}

.page-id-6975 .masthead.masthead {
    height: 50px;
}

@media(max-width: 767px) {
    .blog .masthead.masthead {
        height: 0px;
    }
    @media(max-width: 767px) {
        .page-id-6694 .masthead.masthead {
            height: 0px;
        }
        @media(max-width: 767px) {
            .single-x-portfolio .masthead.masthead {
                height: 0px;
            }
        }
        @media only screen and (max-width: 600px) {
            #envira-gallery-11148 .envira-gallery-item {
                width: 100% !important;
            }
        }

     ```
Thanks.
#7

Update. Seams to be somewhere in this block of code, thats messing things up:

  @media(max-width: 767px) {
        .page-id-6694 .masthead.masthead {
            height: 0px;
        }
#8

I got rid of that code, and the nav bar is fine, but the portfolio isnt working :frowning: can you check please?

Also, my mobile nav buttons have moved up, how do I fix this?

#9

Update: Mobile nav button postion still needs fixing, it will be in my code somewhere, just need to know what to change…thanks…

Switched off the child theme, the native theme works fine, portfolio loads etc…I have this code in the functions.php, in the child theme:

<?php
//
add_filter( 'big_image_size_threshold', '__return_false' );

add_action( 'wp_footer', 'my_custom_js', 10 );

function my_custom_js(){
    echo '
<script type="text/javascript">
var infolinks_pid = 3018483;
var infolinks_wsid = 0;
</script>
<script src="//code.tidio.co/g83dcaaspzbflh32uqpnk5uzbqxs3psw.js"></script>
    ';
}

// =============================================================================
// FUNCTIONS.PHP
// -----------------------------------------------------------------------------
// Overwrite or add your own custom functions to X in this file.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Enqueue Parent Stylesheet
//   02. Additional Functions
// =============================================================================

// Enqueue Parent Stylesheet
// =============================================================================

add_filter( 'x_enqueue_parent_stylesheet', '__return_true' );



// Additional Functions
// =============================================================================


// Excerpt More String
// =============================================================================

if ( ! function_exists( 'x_excerpt_string' ) ) :
  function x_excerpt_string( $more ) {

    $stack = x_get_stack();

    if ( $stack == 'integrity' ) {
      return ' ... <div><a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a></div>';
    } else if ( $stack == 'renew' ) {
      return ' ... <a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a>';
    } else if ( $stack == 'icon' ) {
      return ' ...';
    } else if ( $stack == 'ethos' ) {
      return ' ...<a href="' . get_permalink() . '" class="more-link">' . __( 'Read More &raquo;', '__x__' ) . '</a>';
    }

  }
  add_filter( 'excerpt_more', 'x_excerpt_string' );
endif;


/* Fix "Missing Author" and "Missing Updated" issue - START */
// =============================================================================
add_filter( 'the_content', 'custom_author_code');
function custom_author_code($content) {
   if (is_singular() || is_single()) {
      return $content . 
      '<div class="hatom-extra"><span class="title">'. get_the_title() .'</span> was last modified: <span class="updated"> '. get_the_modified_time('F jS, Y') .'</span> by <span class="author vcard"><span class="fn">'. get_the_author() .'</span></span></div>' ;
   } else {
      return $content;
   }
}
/* Fix "Missing Author" and "Missing Updated" issue - END */


// =============================================================================
function exclude_jetpack_related_from_portfolio( $options ) {
    if ( 'jetpack_portfolio' == get_post_type() ) {
        $options['enabled'] = false;
    }
    return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'exclude_jetpack_related_from_portfolio' );


// =============================================================================
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );


// =============================================================================
function x_ethos_featured_index() { ?>

    <a href="#" class="entry-thumb<?php echo $index_featured_layout_class; echo $index_featured_size_class; ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>"> </a>

<?php }
#10

I narrowed it down to this code (I need this to add the chat widget to all my pages)

add_action( 'wp_footer', 'my_custom_js', 10 );

function my_custom_js(){
    echo '
<script type="text/javascript">
var infolinks_pid = 3018483;
var infolinks_wsid = 0;
</script>
<script src="//code.tidio.co/g83dcaaspzbflh32uqpnk5uzbqxs3psw.js"></script>
    ';
}
#11

Wow, sorry for all these threads, I have fixed pretty much everything, thanks.

! X-Theme Sites Down - Cannot declare class X_View_Router
#12

Hey @logoglo,

No problem, we really appreciate you keeping us up to date along the way. It certainly helps when we’re trying to isolate update related issues. I can confirm that there’s a problem were custom CSS added via the in app code editor is being added too early, causing it to potentially change from the previous release. That will be corrected in the next point release.

#13

Thanks, and im glad the multiple posts wherent an issue :slight_smile:

#14

You’re welcome, @logoglo

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.