Need Help – Urgent!

Homepage › Community Forums › General › Need Help – Urgent!

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 24, 2015 at 6:35 pm #16767
    Robert
    Customer

      We purchased a the Imagery theme today and have to launch a site tomorrow to go with a marketing campaign but there seems to be a bug in the menu…

      Here is what it looks like with the menu in each placement (we need it like in the demo)…

      http://joychallenge2.wpengine.com/

      Also, on context pages, the primary menu is over lapping the content…

      http://joychallenge2.wpengine.com/frequently-answered-questions/

      November 24, 2015 at 7:59 pm #16769
      Wes
      Moderator

        Hi, Robert

        In the demo I’m just using the Primary Navigation Menu. It automatically goes to the right side. I’m not using the Secondary Navigation Menu, so I left that option empty….you can still use it if you want.

        Did you have everything setup from your Manage Locations page inside your Menu editor? – http://joychallenge2.wpengine.com/wp-admin/nav-menus.php?action=locations

        “Also, on context pages, the primary menu is over lapping the content”

        Yes it’s designed that way in case someone wants the header area to be transparent and have a fixed position when scrolling…and a couple other things. The content area makes up for it with padding added to the top by default. In your case, your header is currently around 230px tall, so that’s why it overlaps the content. Once you get the menu setup right this will go away depending on the height of your logo. If you want to keep your header or logo area at or around that height, then all we would need to do is add extra padding to compensate for the height of the header.

        OR, if you don’t need the Sticky/Fixed header you could turn off the fixed position all together and the content will instantly show up below the header as it should – 

        .site-header {
	background-color: #000;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

        Remove position: fixed; and it should do it.

        I tested this all on your site to make sure it would work. Let me know if this works on your end.

        November 24, 2015 at 8:02 pm #16768
        Andykev
        Customer

          Line 155 add some padding “padding-top: 160px”

          body {
	background-color: #fff;
	color: #333;
	font-family: Open Sans, sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 300;
	line-height: 1.625;
	margin: 0px;
	padding-top: 160px;
          November 24, 2015 at 9:50 pm #16775
          Robert
          Customer

            I only had the other menu locations turned on so you could see where they were going.

            If you look now, I’ve only got the Primary menu on. Instead of placing it to the right of my logo as in the demo, it is putting in below and centered on a new line. This is the problem we are experiencing. I need to make it look exactly like the demo.

            http://joychallenge2.wpengine.com/

            November 24, 2015 at 11:30 pm #16777
            Wes
            Moderator

              That’s weird, that issue doesn’t come up for me on the demo. Try adding float: right; to line 1280 in your CSS to the .nav-primary – 

              /* Primary Navigation
--------------------------------------------- */

.nav-primary {
	float: right;	
	text-align: center;
}

              Let me know what happens.

              November 25, 2015 at 9:01 am #16779
              Robert
              Customer

                Thanks Wes. It’s fixed now.

                November 25, 2015 at 9:33 am #16780
                Robert
                Customer

                  Just one minor issue now…

                  When you scroll down, our logo resizes a bit (it gets a bit smaller). How do I fix this so that scrolling down doesn’t make the logo do this?

                  Thanks

                  November 25, 2015 at 11:15 am #16781
                  Robert
                  Customer

                    http://joychallenge2.wpengine.com/

                    November 26, 2015 at 11:11 am #16784
                    Wes
                    Moderator

                      That’s another feature included in the theme, you can edit line 1139 to prevent it from shrinking – 

                      .header-image .dark .site-title > a {
	height: 56px;
}

                      You can either remove it completely or comment it out like this – 

                      /*.header-image .dark .site-title > a {
	height: 56px;
}*/
                    • Author
                      Posts
                    Viewing 9 posts - 1 through 9 (of 9 total)
                    • You must be logged in to reply to this topic.