Docs

[bekahwordsmith]

Hi! I have a few things I’d like to customize:

1. I don’t know the name for this particular feature, so I’ve attached a screenshot. But how do I remove that second navigation bar that appears on pages (other than the home page)? You’ll see (if you log into the website) that it’s covering the top part of my blog title (“Our Blog”), but I’d like it removed altogether.

2. I have my Contact Form as a page jump from the primary menu. On the home page, when you click “Contact” on the menu, it jumps nicely to the contact form section at the bottom of the home page. But if I’m on another page (for example, the Gallery page), and I click “Contact” on the menu, it jumps to the contact section and then quickly jumps up to another section, so you don’t see the contact form. How could I correct that?

Thanks! You guys have been awesome!

-R

[bekahwordsmith]

This reply has been marked as private.

[Paul R]

Hi,

1. You can turn off breadcrumbs under Appearance > Customize > Header > MISCELLANEOUS

http://screencast.com/t/tbuxdhJtt

2. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks

[bekahwordsmith]

Thank you!

So, I deactivated all plugins (except Cornerstone) and it didn’t solve the issue. Any other thoughts?

Also, I removed the breadcrumbs, but my Blog Header is still being cut off at the top (see attached screenshot). Is there a way to add some padding above the “Our Blog” header/title?

Best,

R

[Rue Nel]

Hello There,

Thank you for the clarifications!

1] Please add the following JS code in your customizer, Appearance > Customize > Custom > JS

(function($){
  var section = location.href.split("#").slice(-1)[0];

  if ( section || section != '' ) {    
    
   $(window).on( 'load', function() {

    console.log(section);

    var navbar = $('.x-navbar').outerHeight();

    $('#' + section + '').trigger('click');

    setTimeout ( function() { //Let's trigger the scroll animation just after the content is displayed.
   
    var yloc = $('#' + section + '').offset().top;
    console.log($('#' + section + '').offset().top);
    console.log('tab: ' + section + ', yloc: ' + yloc);

    $('html, body').animate({
        scrollTop: yloc
    }, 850, 'easeInOutExpo');

   }, 750 );

   } );

  }
  
})(jQuery);

2] To resolve the cut off blog header which may also affect other pages, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .h-landmark {
  line-height: 1.5;
}

Hope this helps.

[bekahwordsmith]

That did the trick, thank you!

I’ve run into another issue it seems.

My homepage slider doesn’t show on the website when it’s viewed live. It’s there when I’m in cornerstone, but that’s it. I’ve tried deactivating and reactivating plugins and it didn’t work.

Thoughts?

Rebekah

[Jade]

Hi Rebekah,

Kindly check the contents of the elements where you added some shortcodes and HTML codes and make sure that the opening tags are properly closed because sometimes it causes some page elements not to show up in the frontend.

Hope this helps.

[bekahwordsmith]

The problem seems to be in the code you provided me above to correct the page jump issue. The one that I placed in JS.

My slider appears when I remove that code, but then I have the issue with the page jump again.

Could you take a look at the code you provided and make sure it’s correct?

-R

[Rad]

Hi there,

Please try this,

(function($){
  var section = location.href.split("#").slice(-1)[0];

  if ( ( location.hash !== '' ) ) {    
    
   $(window).on( 'load', function() {

    console.log(section);

    var navbar = $('.x-navbar').outerHeight();

    $('#' + section + '').trigger('click');

    setTimeout ( function() { //Let's trigger the scroll animation just after the content is displayed.
   
    var yloc = $('#' + section + '').offset().top;
    console.log($('#' + section + '').offset().top);
    console.log('tab: ' + section + ', yloc: ' + yloc);

    $('html, body').animate({
        scrollTop: yloc
    }, 850, 'easeInOutExpo');

   }, 750 );

   } );

  }
  
})(jQuery);

Thanks!

[Author]

Posts