Unwanted Spacing

  • Unknown's avatar
    cowanjc · Member ·

    Hi my site is not live yet but I need some advice on unwanted spacing in the menu and other issues with the look in MS Edge. As many users will probably be using this browser I would like things to line up. The white dashes in the menu distort it and cause next line. How can I get rid of the white dash and at the same time make the columns wider there? Everything looks amazing in Firefox but IE and MSEdge give me issues. Thanks…. edit cannot insert image here so hopefully a simple answer comes my way. Thanks again.

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    I’m afraid I don’t see what you’re describing if I view your site in Edge – it looks exactly the same as in Firefox to me, and I don’t see dashes at all in the menu, but instead bullets/dots separating menu items.

    Can you upload a screen shot of what you see to your media library at My Site ->Site ->Media for me? I’ll be able to see it there.

    Also let me know what version of Edge you’re using, and also what size screen you’re looking at – you can find your screen/browser dimensions by visiting https://whatismybrowser.com/

    How can I get rid of the white dash and at the same time make the columns wider there?

    To remove the menu separators completely and make the menu items wider you can use this:

    /* Hide menu separators */
.menu-top_nav-container li:before {
  visibility: hidden;
}
/* Make menu items wider */
.menu-top_nav-container li {
  padding: 5px;
}

    Keep in mind that you can get help with questions like this over live chat as well – your Business Plan comes with 24/7 chat support, so you don’t need to wait for an answer in the public support forums.

    You can start a chat via the help icon bottom-right in My Sites, or via the form at https://wordpress.com/help/contact

  • The topic ‘Unwanted Spacing’ is closed to new replies.