Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #202407

    Software S
    Participant

    Hi there,

    Apparently this was a glitch over the weekend. It should be okay now. The URL for our site will change tomorrow (it looses its dev. prefix at 1100 GMT) when it goes public.

    Best Wishes

    Adam

    #202705

    Friech
    Moderator

    Hi Adam,

    To make all the sub-menu link white please add this on top of your Custom > CSS.

    ul.sub-menu > li.current-menu-item > a > span {color: #fff;}
    ul.sub-menu li a:hover span {color: #FFD800;}

    Hope it helps, Cheers!

    #203239

    Software S
    Participant

    Thanks for that.

    Seeing as we’re talking about menus, is there a quick and easy way to turn the borders off on menu items in the mobile menu?

    Many thanks

    Adam

    #203458

    Friech
    Moderator

    Hi Adam,

    To remove the borders on mobile menu you can add this under Custom > CSS in the Customizer.

    @media (max-width: 979px) {
    		.x-navbar .mobile .x-nav li>a, .x-navbar .mobile .x-nav>li.x-menu-item-search>a {border: none;}
    		.x-navbar .mobile .x-nav>li.x-menu-item-search>a {text-align: left;}
    }

    If you want to style the sub-menu too, add this instead

    @media (max-width: 979px) {
    		.x-navbar .mobile .x-nav li>a, .x-navbar .mobile .x-nav>li.x-menu-item-search>a {border: none;}
    		.x-navbar .mobile .x-nav>li.x-menu-item-search>a {text-align: left;}
    		/*sub-menu styling*/
    		.x-navbar .sub-menu {background-color: transparent!important;}
    		.x-navbar .sub-menu li {border-bottom: 1px solid #333;}
    }

    Hope it helps, Cheers!

    #205793

    Software S
    Participant

    Works like a dream. Thanks!

    #206352

    Senthil
    Member

    You’re most welcome!

    #315406

    Drew A
    Participant

    Hello,

    I seem to be having the same issues here (hopefully not the https issues). When I try and link to a content band on another page, I get either the correct page but no acknowledgment to content band, or same page as original link and the number content band I wanted. My site is demo.ehaus.co.nz, at the very bottom i’m trying to link “view technical details” to http://demo.ehaus.co.nz/?page_id=527 content band #4. Any thoughts? Is there another way to accomplish this?

    Kind Regards,
    Drew

    #315407

    Drew A
    Participant
    #315535

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating the thread!

    Can you confirm that you are fully updated? (Theme and Plugins)

    Our latest versions are:
    X Theme: 4.0.3
    Cornerstone: 1.0.2
    Visual Composer: 4.5.3
    Revolution slider: 4.6.93
    X Shortcodes: deprecated in X4.0 and replaced with Cornerstone.
    Please deactivate X shortcodes and install Cornerstone in X Addons > Extensions.

    You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site.

    If you find anything to be out of date, you can review our update guide.

    Thank you.

    #621410

    wpStan.com
    Participant

    *RESOLVED

    Finally got this to work by by adding custom javascript provided in a different post. (https://community.theme.co/forums/topic/how-to-link-to-a-content-band-on-a-different-page/)

    jQuery(document).ready(function($) {
      var $body                 = $('body');
      var $bodyHeight           = $body.outerHeight();
      var $adminbarHeight       = $('#wpadminbar').outerHeight();
      var $navbarFixedTopHeight = $('.x-navbar-fixed-top-active .x-navbar').outerHeight();
      var locHref               = location.href;
      var locHashIndex          = locHref.indexOf('#');
      var locHash               = locHref.substr(locHashIndex);
    
      function animateOffset( element, ms, easing ) {
        $('html, body').animate({
          scrollTop: $(element).offset().top - $adminbarHeight - $navbarFixedTopHeight + 1
        }, ms, easing);
      }
    
      $('a[href*="#"]').off('click');
      $('a[href*="#"]:not([href^="#"])').click(function() {
        return true;
      });
    
      $('a[href^="#"]').click(function(e) {
        $href = $(this).attr('href');
        if ( $href !== '#' ) {
          var $id = $href.split('#').pop();
          var $el = $('#' + $id);
          if ( $el.length > 0 ) {
            e.preventDefault();
            animateOffset( $el, 850, 'easeInOutExpo' );
          }
        }
      });
    });

    THANK YOU X-THEME!!

    ——————-
    Having the same exact issue have you guys come up with a resolution for this?

    Quote from original poster

    Everything (including the absolute form) was resulting in one-page functionality. Adding a (theoretically unnecessary) slash to the end of the absolute link made it go to the right page but not the right content band on that page (it just went to the top). I really don’t understand why any of that happened.

    #621470

    Jack
    Keymaster

    Hi there!

    Glad to hear you’ve got this resolved, let us know if we can be of any assistance. 🙂

    Thanks!