Support » Theme: Colinear » Random border on drop-down menu

  • Resolved rhetoricandlanguage

    (@rhetoricandlanguage)


    Hello,

    I have been tweaking the font and color options on my drop-down menus and there is a random border in my curriculum materials menu on the right side. From what I know of coding, there is not actually a code in my css to have borders on my menus but it is there.

    I apologize if this ends up being the wrong support forum to post this question in. If there is a correct one for this question, please let me know.

    Here is my codes for reference:

    .site {
    width: 1050px;
    }
    #main {
    padding: 0px 45px 0;
    }

    @media screen and (max-width: 1050px) {
    .site {
    width: 100%;
    }

    #main {
    padding: 20px 30px;
    }
    }

    #primary {
    width: 650px;
    }

    @media screen and (min-width: 1200px) {
    .widget-area {
    width: 200px;
    }
    }
    @media screen and (min-width: 1200px) {
    .widget-area {
    width: 200px;
    }
    }

    /* Menu Padding Horizontal */

    .main-navigation ul li a {
    padding-right: 15px !important;
    padding-left: 15px !important;
    }

    /*Menu Item color*/
    #primary-menu > ul > li > a, #primary-menu > li > a {
    color: black;
    }

    .main-navigation ul li:hover > a {
    background: #ffffff;
    }

    .main-navigation .current-menu-item a{
    background: #ffffff;
    }

    .main-navigation .current-menu-parent a{
    background: #ffffff;
    }

    .main-navigation a{
    font-family: Open Sans;
    }

    .main-navigation a {
    text-transform: uppercase;
    }

    .sub-menu > li > a {
    color: #000000 !important;
    background: #ffffff !important;
    }

    .sub-menu > li:hover > a {
    color: #000000 !important;
    background: #ffffff !important;
    }
    —-End of code—-

    Thanks in advance,

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi there,

    I see that you have modified your theme’s stylesheet and this black bar is caused by this:

    .main-navigation ul ul {
        background: #222;

    and not by the CSS code you have added.

    To fix that, you need to edit the stylesheet directly.

    If you have any other questions, just let me know and I’ll be happy to help.

    rhetoricandlanguage

    (@rhetoricandlanguage)

    What edits do you suggest I make?

    Try removing :

    .main-navigation ul ul {
    background: #222;

    from the stylesheet directly.

    rhetoricandlanguage

    (@rhetoricandlanguage)

    I’m really a novice at this, is the stylesheet in the theme files? If so, I don’t see that coding in there. This is what is in the stylesheet (I’m also using a child theme of Colinear if that makes a difference):

    /*
    Theme Name: Colinear Child theme of colinear-wpcom
    Theme URI:
    Description: Child theme of colinear-wpcom theme for the Colinear theme
    Author: Automattic
    Author URI:
    Template: colinear-wpcom
    Version: 1.1.0
    */

    /* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 07 Dec 2018 23:44:38 +0000 */
    /* The plugin now uses the recommended approach for loading the css files.*/

    Hi there,

    If you cannot edit your theme’s stylesheet I suggest adding this CSS code:

    .main-navigation ul ul {
        background: none;
    }
    rhetoricandlanguage

    (@rhetoricandlanguage)

    It works, thank you!

    Awesome! Happy to hear that, thanks for letting us know that you are sorted.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Random border on drop-down menu’ is closed to new replies.