Thanks. That’s very close! The only thing missing is the featured image. See the first private link I sent you above. How can I add the featured image in?

Thanks!
Kevin

The easiest thing to do would be to look at Everlane.com where the cart icon is in the band across the top of the screen above the logo and main menu. Let me know if that makes sense.

Thanks,
kcm

Thanks for replying. What I’m saying is that Enfold (for example) has settings called Main Content > Alternate Background color and Alternate Content > Alternate Background color. I’d like to have a better understanding of what constitutes “Alternate Content” (again, for example) and know when the style settings under Theme Options are going to be applied. It would be great if there was some “key” that would help users understand and differentiate these settings and be able to visualize in what cases each of them will be used. As it is, it’s just a matter of trial and error.

Does that make sense?

Thanks!
Kevin

Hi, Yigit. Thanks for the reply. That’s not really what I’m asking. What I’m wondering is if there’s some way to see which settings in Theme Options > General Styling affect which aspects and elements on the page. Does that make sense?

Thanks!

Done. Thanks!

So, I figured this out but ran into a glitch. For any other readers, you have the ability to set a value at the product category level called the Category Styling. This let’s you add a full width banner at the top of category pages.

The glitch that I ran into, though, is that that banner displays the “extra_large” image size rather than the “full” image size. This causes the banner images to be stretched and pixelated to fill the area when the browser window is maximized on a 1920 pixel wide monitor. It sort of accomplishes the parallax feature but it looks pretty bad. To avoid hacking Enfold, I ended up using remove_action to bypass avia_woocommerce_big_cat_banner() and then making my own duplicates (renamed) of avia_woocommerce_big_cat_banner() and avia_woocommerce_parallax_banner() in functions.php and having xxx_woocommerce_parallax_banner() use the full image.

It would be great if there was a filter that let me specify which image size to use for that banner. It would be a much better solution that having to override built in Enfold functions and lose access to future updates/upgrades in those functions.

@sky19er Elliott meant that instead of putting ‘the_title( ‘<h1>’, ‘</h1>’ );’ in single.php that you should put it in loop-index.php on line 11.

@Elliott I’m not sure I understand what you mean about editing functions.php. If this was done with hooks, I could put the code in a child theme (perhaps in functions.php) or a plugin and accomplish the same thing. As it is, I either have to edit the actual Enfold theme file or I have to duplicate a file from Enfold into a child theme which takes that file out of the upgrade path when Enfold gets updated in the future. Am I misunderstanding what you’re suggesting?

Thanks for the suggestion! This is definitely one of those situations where I’d love for there to be a hook we could piggyback on so we don’t have to edit the template or create a copy in a child theme.

Thanks again tho!
Kevin

I cleared my cache on my iphone 6+ using Safari and have the same issue. I can also reproduce this issue on an iPhone 4 using Safari.

Thanks, Ismael. The first solution worked. Thanks for your help on that. The second suggestion for the menu didn’t work although dragging with two fingers does. This isn’t a good solution since that’s not typical though. What’s odd is that I can get it to work sometimes after trying repeatedly to drag the menu. I can’t see what I’m doing that makes it work, though. Also, if I drag by starting my finger to the right of the close box, that seems to work pretty reliably but once the close box is out of view I can’t swipe over the menu items and make it scroll.

Any idea what the deal is?

Thanks. I really appreciate your help.

Thanks Günter. Will do. Do you mean on this particular post or as a feature request?

Thanks for your reply, Ismael. I get what you’re saying but it doesn’t quite do what I wanted. I want to have a page that will display all of a particular post type (regardless of taxonomy) if there are posts so that when there are posts, they will start showing up but until then there will be a blank page essentially. It sounds like the blog posts block can’t do that. I’ll just tell my client not to publish the page until he has something to show on it.

Thanks!

Okay. Thanks for the response. It could just be me but this seems strange. I feel like if the user is trying to view (let’s say) recipes and there aren’t any that a “nothing found” message is a lot more appropriate than displaying blog posts. You know?

Anyway, thanks for a great theme in any case!

Actually, I figured this out. I’m going to enqueue my own print.css file with the following so the content is full width, the meta bar across the top is hidden and the share bar is hidden as well.

#top #main main{ width: 100%; }
footer.entry-footer { display: none; }
div#header_meta { display: none; }

Can you help me figure out why the header is so tall on this site, though? I’ll include the URL in separate private reply.