New Landing › How can we help? › Cardinal › Change padding/margin on main navigation menu items.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Back to forum
    Posted in: Cardinal
  • January 24, 2017 at 1:39 am #311210
    vpsite
    Member
    Post count: 14

    I would like the menu items to have less space in between them but can’t figure out the correct css style to do this.

    I have tried the following and can see the background colors, but the margins/padding doesn’t change:

    .menu-item-text {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color:yellow;
    }
    nav ul.menu > li.menu-item {
    background-color:red;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    }

    January 24, 2017 at 11:37 am #311249
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us a mockup image with the desired spacing, so we can provide some css?
    Thanks

    -Rui

    January 25, 2017 at 1:11 am #311329
    vpsite
    Member
    Post count: 14

    Here is the mockup with the sizing I would like to see on top and the current sizing on the bottom.

    Attachments:
    You must be logged in to view attached files.
    January 25, 2017 at 1:18 am #311331
    vpsite
    Member
    Post count: 14

    I added two custom fonts and have selected them in the font options but for some reason they aren’t rendering properly.

    January 27, 2017 at 4:11 pm #311655
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    It seems to me you already sorted the spacing issues.
    https://www.dropbox.com/s/c3ew7w2m5rz5vqd/Screenshot%202017-01-27%2015.09.47.png?dl=0

    Regarding the fonts I can see a 403(Forbidden) error your javascript console.
    Check the permissions of the folder and all folder inside wp-content/uploads/redux/

    -Rui

    January 27, 2017 at 6:03 pm #311676
    vpsite
    Member
    Post count: 14

    No, the padding issues are not fixed, the spacing needs to be narrower. In the image I attached, the top image is the one I am trying to replicate, the bottom image is how it currently looks. I need the spacing in the red areas to be narrower so it matches the top image which has the text “This is the original design”.

    Thanks for figuring out the font issue. Yes, the font file itself has read permission issues and once I re-uploaded the file directly into that directory they are now working.

    January 27, 2017 at 6:15 pm #311683
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    in order to be more precise I need the specific measures, can’t trust in my eyes.

    -Rui

    January 30, 2017 at 10:55 pm #311938
    vpsite
    Member
    Post count: 14

    So now the padding between the navigation items are 30px and would like that to be about 1/2 that, so 16px.

    February 2, 2017 at 11:31 am #312315
    David Martin – Support
    Moderator
    Post count: 20834

    You can increase/decrease the padding between menu items with this:

    .full-center #header nav.std-menu ul.menu > li > a {
    padding: 0 16px;
}
    February 2, 2017 at 11:13 pm #312445
    vpsite
    Member
    Post count: 14

    Thanks, looks great!

    February 3, 2017 at 4:32 pm #312556
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks David
    -Rui

  • Back to forum
    Posted in: Cardinal
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register