Hi Vinay,

Sorry for my late response.
Thanks for your help. It works perfectly :)
It’s perfect for my screen resolution (1280×1024) but not for my client screen (more than large desktop)… I will try to find a way.

Thanks a lot.
Have a nice day.

Bibahbuh

Thanks, Yigit. I added it.

Now
1) the breadcrumbs container height is inconsistent between desktop and mobile. I prefer the height on desktop.
2) the breadcrumb text is centered vertically in some pages/posts but not throughout the site, on either desktop or mobile.

What I did:
I added that via Enfold Child style.css file (where I’ve moved all the css customization now).

I also see that in Enfold Child functions.php I have some code from an earlier post, which may be conflicting with this new code.

The code in functions.php is:

function breadcrumb_height(){
?>
<script>
jQuery( document ).ready(function() {

jQuery( “.breadcrumbs” ).closest( “.container” ).css({
‘min-height’ : ’10px’,
‘padding’ : ‘0px’
});

});
</script>

<?php
}
add_action(‘wp_footer’, ‘breadcrumb_height’);

Any ideas?

Moving discussion to this thread, sorry for opening separate tickets for this issues… it’s one of the last ones I have to resolve!

In reviewing my site on mobile, I discovered that I prefer the existing category pages over the existing blog page with one change – moving the featured image below the title/meta etc.

This old post that worked perfectly to move featured image below title / meta /etc on category / archive pages: https://kriesi.at/support/topic/post-title-above-featured-image/

I’m using the single author small style on the blog, which hides the featured image but I just found the code on this post brings it back: https://kriesi.at/support/topic/featured-image-not-displaying-on-mobile/

To get the blog page to match, I adjusted the settings from single author small to single author large.

And boom it’s working – thanks for all the help!

Note: I do think I may have found a bug in that since I had a page already named as Blog and had used the advanced editor and added a blog list there, I believe those settings overrode the settings on the Enfold Blog settings, which had an option for Use the advanced editor.. but even when I did not have that selected the Blog page I had made seemed to master.

This can be closed.

• This reply was modified 9 years, 6 months ago by newpappa.

Hi Ismael. Vinay’s code works for desktop (in safari and chrome on a macbook) but it does not work on an android (Samsung Galaxy S5 using Chrome).

Try it out on desktop and then try it on a phone. The background is still there on a phone.

Oh and is there any way to make the phone number bar stick to the top of the screen as people scroll?

Hi Andy,

Thanks. All that I want to do is make the category and tag pages to display like Blog Single Author Small pages seen here: http://kriesi.at/themes/enfold/blog/blog-single-small/

I just installed this plugin to control the excerpt on archive and category pages: https://wordpress.org/plugins/advanced-excerpt/

And I added the below code from this post https://kriesi.at/support/topic/category-archive-page-change-layout-to-show-excerpt/ to functions.php

add_filter(‘avf_blog_style’,’avia_change_category_blog_layout’, 10, 2);
function avia_change_category_blog_layout($layout, $context){
if($context == ‘archive’) $layout = ‘single-big’;
return $layout;
}

But the feature image is still displaying above the meta/except rather than to the left.

Any ideas?

Is there a similar piece of code for a non-mega menu top level menu item?

well i figured out how to get the HTML image to show up.

needed to add this css:
#top .aviaccordion-slide img {
opacity: 1;
}

Hey Ygit
The code you give just hide the menu… so what? no menu is displayed… :-(
I would like to have the SAME menu both in desktop version and mobile, and I would like the new hambruger menu all the time