WordPress.org

Ready to get started?Download WordPress

Forums

TwentyTwelve Dropdown Menu being hidden by Post Tiles (13 posts)

  1. danbon
    Member
    Posted 9 months ago #

  2. danbon
    Member
    Posted 9 months ago #

    Sorry, click this link to see what's happening on the site. http://integrativesinging.com

  3. paulwpxp
    Font hero
    Posted 9 months ago #

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

    .main-navigation ul {
    	position: relative;
    	z-index: 101;
    }
  4. danbon
    Member
    Posted 9 months ago #

    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!

  5. paulwpxp
    Font hero
    Posted 9 months ago #

    Yes, put that in child theme stylesheet.

  6. danbon
    Member
    Posted 9 months ago #

    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;
    }

  7. Andrew
    Forum Moderator
    Posted 9 months ago #

    Try;

    #masthead,
    #main {
     position: relative;
    }
    
    #masthead {
     z-index: 2;
    }
    
    #main {
     z-index: 1;
    }
  8. danbon
    Member
    Posted 9 months ago #

    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;
    }

  9. Andrew
    Forum Moderator
    Posted 9 months ago #

    Syntax error:

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

    Can you spot it?

  10. danbon
    Member
    Posted 9 months ago #

    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?

  11. Andrew
    Forum Moderator
    Posted 9 months ago #

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

    Alternatively post a thread in that plugin's forums.

  12. paulwpxp
    Font hero
    Posted 9 months ago #

    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;
    }
  13. danbon
    Member
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Topic