Forum Replies Created
-
Posts
-
I haven't logged in for a while so didn't see your followup. It looks like you got it worked out. What made the difference?
Go into your style.css file and find the following code,
.site-header { background-color: #fff; padding: 28px 30px; position: fixed; top: 0; width: 100%; z-index: 999; }The padding is what you need to change. The first number is determining the amount of padding for both the top and bottom of your header. Increase the number, save and then open the home page in a new tab to see the change. Keep changing the number and refreshing the homepage until it has the amount of padding you want.
When you do this it will cause your header to overlap the top of the front page 1 area (the area just under the header). You need to increase that sections top margin by the same amount you increased the padding for the header. so if you increased the header padding from 28 to 38, you've added 10px to both the top & bottom padding for a total increase of 20px. so you would then go to the code below and increase the margin-top value from 90px to 110px.
.front-page-1 { display: table; margin-top: 90px; overflow: hidden; table-layout: fixed; width: 100%; }I've never use any of these types of menu plugins I'm about to suggest, but it may be your best solution for this stubborn client. This is one of several and I have no idea if one is better than the others or how the exact options may differ.
https://www.maxmegamenu.com/You could use the feature where it places several smaller menus next to each other to give the effect of the menu simply wrapping to the next column. Or perhaps it has that as an option. Not sure as I haven't actually tried it.
I've now looked at your other pages. Are you referring to the entry title? That's the part that simply says "results" on the results page - for example. That would leave "Get Results in Your Home Business" as appearing to be the title of that page.
It's possible to remove that using the Genesis Title Toggle plugin without doing any coding. But I'd encourage you to do it differently for SEO purposes. Instead, change the page title in the page editor from "results" to "Get Results in Your Home Business" That way you keep the itemprop="headline" attached to the entry title. Then go to the menu editor and change the menu label to "Results" so the menu continues to appear the way you have it now.
The entry title is also wrapped in an h1 tag and you only want one of those an a page (again, for SEO purposes).
What do you mean by text header? All that white area above the menu is the header. Are you referring to the site name and tagline in the upper left corner, or the search widget on the right side of the header, or are you referring to the whole header all together?
I was able to get the effect you're looking for by adding the following code to styles.css. Your site appears to be using a different style sheet for some reason. I don't see any styles loading form styles.css. If you add this to the same stylesheet that's loading all your other style, just after the styles for .site-header, then it should do the trick without the need of !important. Otherwise you can add it to the themes style.css file exactly as you see it below.
.home .site-header { min-height: 0px !important; max-height: 0px; }I don't have anything to offer on the design at the moment. Looks fine to me. I do, however, have some concerns about the math. I'm counting 183%.
I'm not trolling! I'd just think it a shame if math tutors don't hire him causing the math tutors businesses to fail.
I'm guessing that the intent is probably to say that 70% of the 20% that survive the first year don't survive the second year. But that's a mouth full.
Shouldn't it say
"80% of small businesses fail within 1 year"
"94% of small businesses fail within 2 years" (because the 1 year fails failed within 2 years too, and are therefore must be part of the total)That leaves 6% that survive the second year, so the 10 year survivors must be equal to or less than 6% of the total, making the last statement "33% achieve the critical 10-year milestone" wildly optimistic. If that's 33% of what's left after 2 years then that's 2%.
"only 2% achieve the critical 10-year milestone - be one of them. Let us show you how!"
I just had to do this for a client as well. The homepage uses javascript to determine the height of the viewport and then it uses that to set the height of the header so it fills the screen. The key is to keep the javascript from loading with the page. I did this by finding the code in front-page.php that enqueues the script and commenting it out. Now my homepage header acts just like the header on the other pages.
The code to comment out is below. If you're not familiar with php (I know enough to get into trouble), you comment it out by adding /* just before and */ just after the code you want ignored. Commenting it out rather than removing it allows you to quickly add the fuctionality back when the client changes their mind in two weeks.
add_action( 'wp_enqueue_scripts', 'cafe_enqueue_cafe_script' ); function cafe_enqueue_cafe_script() { wp_enqueue_script( 'home-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' ); }Change your min-height from 110px to 248px.
.header-image .site-title a { float: left; min-height: 248px; width: 100%; }The Genesis Responsive Slider is mobile responsive. It should do exactly what you're looking for.
It seems you should be able to place it in the Header Right widget area. I often use the Spots plugin in place of the text editor to make editing widget areas faster and make them easy for clients to edit as well.
I think I got it close to what you're looking for with the following styles. Plug them in and see how they work.
.nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover { background: url(images/HOVER.png) no-repeat -20px 0px; background-size: 150px 95px; overflow: visible !important; height: 95px; color: #fff; position: relative; z-index: 999; } .genesis-nav-menu a { color: #333; display: block; padding: 45px 24px 15px; margin-top: -16px; }Another issue is that the menu does not resize properly on narrower screens. To fix that, change "height: 60px;" to "min-height: 60px; for both .genesis-nav-menu and .nav-primary. Drag your browser window narrower & wider again before and after making the change to see how it affects it.
I'm not certain this is the ideal way of doing this, but I moved the primary nav above the Home 1 widget area by adding the following to functions.php.
//* Reposition the primary navigation menu remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( 'genesis_after_header', 'genesis_do_nav', 1 );It basically removes the nav from the genesis_after_header hook and then adds it back again, but that comma followed by the "1" tells it to put it 1st in line of all the things being loaded to that hook. This gets it in there before the Home 1 widget area.
I'm guessing you're trying to make the content of this page http://agwestvet.com/embryo-transfer/ act more like the content of this page http://agwestvet.com/dairy-services/. Is that correct? If so, are you not able to use the same technique you used on the dairy page for some reason?
scaught, I think the "zoomed-in" behavior may be solved by setting the viewport size in the document head. Try adding something like <meta name="viewport" content="width=1180" /> to the document head, replacing 1180 with the appropriate width for the site. You could use the Genesis Simple Hooks plugin to add the code. Hope this helps.
I've had this problem on a few themes but only with captioned photos.
I've solved it by adding a max width of 96% to .wp-caption in the child theme stylesheet.Just my 2 cents. From a design standpoint the one thing I'd change is the form and the paragraph to the left. They look disconnected from each other. The form is visually more connected to the text below it than the text next to it. When the design goes to a single column for mobile browsers they are separated by the welcome text with no visual connection at all.
I think the best way to solve both problems would be to add another full width widget area below the banner section and place the form with its accompanying text there. Use a different background color or pattern to make it stand out and make those 2 pieces look unified. It will also keep them together when the page re-formats for mobile browsers.
I think the best/easiest way to do that is to add a menu item to the beginning of the menu and assign it a custom id (#logo perhaps). then style it with the your logo as a background image, the width you need and push the text out of view. If it needs more height just add some top & bottom padding to all the links within the menu. (all of them, not just the #logo, so they still line up nicely) Make it link back to your homepage as that's what most visitors will expect.