WordPress.org

Support

Support » Themes and Templates » TwentyTwelve Dropdown Menu being hidden by Post Tiles

TwentyTwelve Dropdown Menu being hidden by Post Tiles

Viewing 12 replies - 1 through 12 (of 12 total)
  • Sorry, click this link to see what’s happening on the site. http://integrativesinging.com

    paulwpxp

    @paulwp

    Font hero

    The z-index used in that post title plugin is 100, so this should fix it.

    .main-navigation ul {
    	position: relative;
    	z-index: 101;
    }

    Would that go in my child theme’s style.css? I don’t see that language in the plugin editor. (Sorry, I’m a bit new to this!) Thank you so much for the quick response!

    paulwpxp

    @paulwp

    Font hero

    Yes, put that in child theme stylesheet.

    It didn’t fix it unfortunately. The child theme style sheet code I have so far is listed below. Am I doing anything wrong?
    /* =Imports styles from the parent theme
    ————————————————————– */
    @import url(‘../twentytwelve/style.css’);

    /* =Theme customization starts here
    ————————————————————– */

    .entry-header {
    display: none;
    .nav-menu li > a:after {
    color: #444;
    content: ‘ ▾’;
    }

    .nav-menu li > a:only-child:after {
    content: ”;
    }
    .main-navigation ul {
    position: relative;
    z-index: 101;
    }

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Try;

    #masthead,
    #main {
     position: relative;
    }
    
    #masthead {
     z-index: 2;
    }
    
    #main {
     z-index: 1;
    }

    Still no luck (I cleared my cache and everything). Perhaps I could make the subpages be viewed Up rather than down? Would that be easier? I’ve tried researching that change too, but haven’t seen any code for it. What do you think?

    The code I’ve got now on integrativesinging.com in the style.css is:
    /* =Imports styles from the parent theme
    ————————————————————– */
    @import url(‘../twentytwelve/style.css’);

    /* =Theme customization starts here
    ————————————————————– */

    .entry-header {
    display: none;
    .nav-menu li > a:after {
    color: #444;
    content: ‘ ▾’;
    }

    .nav-menu li > a:only-child:after {
    content: ”;
    }
    #masthead,
    #main {
    position: relative;
    }

    #masthead {
    z-index: 2;
    }

    #main {
    z-index: 1;
    }

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Syntax error:

    .entry-header {
        display: none;
    .nav-menu li > a:after {
    color: #444;
    content: ' ▾';
    }

    Can you spot it?

    hum… the extra space before the arrow? I just fixed that, but it still didn’t do what it was supposed to do. However, my main issue is just the subpages on the menu are being blocked by the plugin. Any advice on this issue?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    See this article regarding CSS syntax http://www.w3schools.com/css/css_syntax.asp

    Alternatively post a thread in that plugin’s forums.

    paulwpxp

    @paulwp

    Font hero

    The syntax error is just a missing closing } on .entry-header

    Use this (copy and paste), instead of what it is now. (and don’t forget to clear browser cache)

    .entry-header {
    	display: none;
    }
    
    .nav-menu li > a:after {
    	color: #444444;
    	content: "▾";
    }
    
    .nav-menu li > a:only-child:after {
    	content: "";
    }
    
    .main-navigation ul {
    	position: relative;
    	z-index: 101;
    }

    Thank you all so much! It’s fixed and I’m so grateful for you sharing your knowledge with me!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘TwentyTwelve Dropdown Menu being hidden by Post Tiles’ is closed to new replies.