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

    impert
    Participant

    After updating to latest version 4.04 my menu items have no spacing between them and are all clustered together, i searched the forums for different solutions but none seem to work

    http://www.citytechmiami.com/

    Any help is appreciated
    Thank you

    #317420

    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    We’ll be happy to assist you with this issue, but we’ll first need you to provide us with some information below to check your setup closer (don’t forget to select “Set as private reply” to ensure that your data remains hidden):

    Your URL.
    Your WordPress login credentials.
    Your FTP credentials (in case we need to check anything out on your server).
    Once we have all of this, we’ll be happy to take a deeper look into things.

    Thanks.

    #317573

    impert
    Participant

    Is there anyway that we can do this without gaining access?
    I saw other replys where it was suggested to add stuff like:

    “.x-navbar .x-nav>li>a { padding: 0 2em };”
    or
    “.x-navbar .x-nav > li > a {
    word-spacing: 10px;
    }

    to css custom on customizer

    This however didnt work for me, i changed the stack to icon and it fixed it since its menu items are like bubble buttons but the other 3 stacks give the same problem

    Thanks for your help again

    #317790

    Friech
    Moderator

    Hi There,

    There is a new feature Navbar link letter spacing on the menu. Due to some of the considerations needed for these new elements, we have also added two new options to the Customizer: Navbar Top Link Spacing (px) and Navbar Letter Spacing (px). The link spacing option can be found under the Header section of the Customizer and allows you to now specify the spacing between top level links in your fixed or static top navigation. The navbar letter spacing option can be found in the Typography section of the Customizer and allows you to set the letter spacing of top level navigation items for greater control.

    You can read more about this on our Changelog

    Hope it helps, Cheers!

    #320557

    spitfires
    Participant

    This happened to my site as well. What changed for me was:
    x->framework->css->site->stacks->integrity-light.css

    Early version of this CSS file had this setting:

    .x-navbar .desktop .x-nav > li > a {
        float: none;
        padding: 0 1.429em;
        line-height: 1;
        font-weight: 500;
        letter-spacing: 2px;
        text-decoration: none;
        color: #b7b7b7
    }

    Note the padding.

    Newer version of this file has:

    .x-navbar .desktop .x-nav > li > a {
        float: none;
        line-height: 1;
        text-decoration: none
    }

    Note that there is no padding, so this element seemed to be inheriting padding: 0

    Adding this to your child theme CSS will bring it back to original:

    .x-navbar .desktop .x-nav > li > a { padding: 0 1.429em; }

    #320800

    Rue Nel
    Moderator

    Hey @spitfires,

    Please read our previous reply regarding the new feature in X 4.0.4. Please adjust the menu item spacing in your customizer, Appearance > Customize > Header > Alignment > Navbar Top Link Spacing (px)

    For more details on the changes in our latest release update, please see our changelog: https://theme.co/changelog/

    Please let us know how it goes.

    #321810

    impert
    Participant

    Thank you that worked

    #321812

    Rad
    Moderator

    You’re soo much welcome!

    #333279

    ifonit
    Participant

    Solution found with no questions! Great.

    #333365

    Prasant Rai
    Moderator

    You are most welcome 🙂 .

    #337968

    RuMi888
    Participant

    Same problem with my site – since Cornerstone.
    I did the entry at Appearance > Customize > Header > Alignment > Navbar Top Link Spacing (px) with 24.
    It changed it – the looking is fine. I did the save – BUT, the time I tried to quit the page (x on the left), I got the massage that the changes will not be saved.

    Checking the page http://www.immoshopboerse.at – the menu is compressed to the right.

    #338001

    Paul R
    Moderator

    Hi,

    We need to see the issue first hand.

    Please create a new topic, then provide us with your login credentials in there so we can take a closer look. To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.