Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1020467
    Infilink121
    Participant

    WordPress 4.52
    X 4.06
    Cornestone 1.24

    As soon as I update to X 4.42 my Integrity Light Theme breaks. It loses the menu
    and the site becomes narrow.
    https://infilock.com/

    Any help on how to upgrade would be appreciated.

    #1020692
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    I am unable to replicate the problem (please see screenshot). Can you please share screenshot of the issue you are facing?

    http://prntscr.com/bb5cgx

    Thanks.

    #1024016
    Infilink121
    Participant

    I found that my child styles.css had the incorrect import path for integrity-light.css.
    So my Theme is updated to 4.52 and working !

    There is still one related issue and that is – notice the blue menu line is offset to the left.
    I did use Firebug, but I could not figure out how to get this aligned.

    Any suggestions would be greatly appreciated.

    #1024505
    Jade
    Moderator

    Hi there,

    Try to add this CSS in the customizer:

    .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
            padding-right: 40px;
    }

    Hope this helps.

    #1024525
    Infilink121
    Participant

    Thank you for the suggestion, that did not work. Again, the Blue menu selector bar is not aligned with the menu names. Need the selector to move over to the right about 15px. Hover your mouse over any of the menu items and you will see that the blue bar is misaligned.

    #1025208
    Rad
    Moderator

    Hi there,

    Thanks for writing in.

    It’s aligned, it looks like it isn’t because your texts are longer than the width of your menu item.

    The border is only limited to its element’s width, and this time, it’s the width of text container.

    The solution is removing the padding and spaces, like this

    .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
        padding-left: 0px;
        padding-right: 0px;
    }
    .x-navbar .desktop .x-nav > li > a > span {
        margin-right: 0;
    }
    

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1020467 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>