[Theme: TwentyTwelve] Menu button problem

  • Resolved DavidGrzyb

    (@davidgrzyb)


    10 years, 11 months ago

    Hey everyone! First of all I would like to thank you for taking your time to read this, any help is appreciated 🙂 I have been tailoring my TwentyTwelve child theme to my specific liking, however I have run into a problem. I am not sure if I created this problem or whether this came with the theme (I doubt it). The problem is when you shrink your browser (width-wise) and the navigation turns into a menu button, the menu button is to far down and when clicked it is overlapped by the Home link. Below is ALL the code I added to the CSS.

    #page {
	margin-top: 18px;
}

.comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: none!important;
	box-shadow: none!important;
}

.site-header {
	margin-top: -20px;
	padding: 0;
}

.nav-menu {
	margin-top: -25px;
}

#page {
	margin-top: 18px;
}

.site-content article {
	margin-bottom: 2rem;
}

article.sticky .featured-post {
	display: none;
}

.entry-header .entry-title a {
	color: grey;
}

    All I want is code to fix this positioning error. Any ideas?

    BY THE WAY, MY SITE IS HERE ***

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    10 years, 11 months ago

    Yep, that minus margin is doing naughty things – try getting rid of that CSS altogether and adding this instead:

    .main-navigation {
    margin-top: 0;
}

    Thread Starter DavidGrzyb

    (@davidgrzyb)

    10 years, 11 months ago

    Okay did that and the menu button is still acting weird plus the site now does not look the way I want it to.

    paulwpxp

    (@paulwp)

    10 years, 11 months ago

    From the code above, replace those 3 parts with this instead.

    @media screen and (min-width: 600px) {
	.site-header { margin-top: -20px; padding: 0px; }
	.nav-menu { margin-top: -25px; }
	#page { margin-top: 18px; }
}

    Thread Starter DavidGrzyb

    (@davidgrzyb)

    10 years, 11 months ago

    That did the trick! Thanks to everyone for the help, WordPress has such a great community 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: TwentyTwelve] Menu button problem’ is closed to new replies.