@guenni: stimmt, danke :-)

@team: topic can can be closed

Hi MIke,
this CSS is already in there – but it stay left:

.html_header_top.html_logo_center .logo {
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}

html_header_top.html_logo_center .logo img, html_header_top.html_logo_center .logo svg {
margin: 0 auto;
}

best regards Tilman

HI Ismael, thank you for your response. I inserted the code into the functions, but it doesn’t seem to work.

I updated a post and classified it for the blog page, but it is still showing up in chronological order. I updated it today, so it should be at the top if that page is sorting by modified date. When you have a chance, could you look and let me know if I did something wrong? Thank you!

I believe I understand those instructions. However, I still have questions on how to edit the template in question.

I believe the correct template is taxonomy-portfolio_entries.php. I made a few adjustments to it…but I’d like to further customize the template.

1. I would like to remove “Archive: ” from the title (It’s NOT an “archive”. It’s a category. If I could append it somehow…like with a data attribute?
2. I would like to have some control over the layout, can this template use a page with a custom layout (like the way the Blog page can be set to a custom page)?
3. When this grid first loads, on hover, the image-overlay appears as a thin strip at the top. I could not determine how to eliminate this with css.

With regard to the Sidebar, thank you for providing more clarity there!
I went to Enfold > Sidebar Settings > Sidebar On Archive Pages and chose Right Sidebar. That works.

I also set Separate Sidebars For Blog And Archive Pages to Show separate Archive Sidebar on Archive Pages. That works. It exposes the Sidebar Archives widget area.

Then, I added the navigation menu widget to the Sidebar Archives widget area, but it does not display (that’s how I realized that this has to be a totally different template file: taxonomy-portfolio_entries.php). Rather, a default: Pages, Categories, Archive widget set is shown.

I don’t think its the right solution to set that navigation menu widget to Display Everywhere because that would affect other pages where I may want to have a sidebar with different widgets in the sidebar…is that the ONLY way?

Thank you for any advice (and for your patience), I really appreciate it.

Yes, you solved the problem!
Thank you so much for all your time and effort!

This topic can be marked as resolved.

I want to have same rules but for different devices (mobile, tablet and desktop) to get different custom margins on this elements of search results page. It’s more precise like that ?

The password protection shouldn’t matter, you can still see the links aren’t working. But I removed the password.

I did some tinkering, and I have discovered something.

Compare one portfolio item vs. another. They have the same template but their Title Bar settings are different.
The Title Bar is set to “hide both” and the links don’t work here:

The Title Bar is set to “default”, and the links do work here:

So there is something that is causing the links to stop working if “hiding both” is selected. I think it is the existence of drop-down menu items in the header where those regions overlap the sidebar. See this screenshot:

https://drive.google.com/file/d/1gac80t1KhrN_RVFbez1uoBZXRLn9RSR_/view?usp=sharing

You can see that the region for the drop-down menus overlaps the sidebar menu items at the top. I added two additional categories in the menu, and those work because they fall below the drop-down menu region.

As a work around, I can show the title bar (though, for various reasons particular to this site’s content, I wanted to hide the title and use an h1 in the custom layout), but I think this should be addressed so that one can have a drop-down menu, and sidebar navigation that do not conflict (out-of-the-box). I could also add padding to the menu…but I shouldn’t have to force the sidebar menu down on the page to avoid overlap with the drop-down menu region–if the region were larger, it would still conflict with moderate padding.

Can you fix this?

Just in case there was an issue between the Boxed vs Stretched layout, I switched to the stretched layout (but it turns out the same issues existed in Boxed and Stretched).

Also: Before I found this through inspecting the menu, I’d considered these options below. I’m including them in case it’s helpful:

I also tried setting the page’s sidebar settings to use “Sidebar Pages” and moved the navigation widget to the default Sidebar Pages widget area. Same result, so it doesn’t appear to be an issue with the custom widget area.

I added Enfold Child Latest Portfolio links to the Sidebar Pages widget area and those links work (even when “hide both” is selected). ((But this is because they appear lower on the page and don’t conflict with the Z-index of the drop-down menus, even when those drop-down menus aren’t active.))

I have since removed these test options and put the navigation menu widget back in the custom widget area and changed the settings back to display these in my custom posts.

• This reply was modified 6 months, 1 week ago by milkrow. Reason: Note regarding changes made once tests were completed
• This reply was modified 6 months ago by milkrow. Reason: added screenshot link

Thanks @guenni007 for the code, that’s what i wanted to get for my website but can you tell me how i can do to put different spaces on all devices ?

The code modified with my values is :

/*Ajout de marges personnalisées dans les sections spécifiques de la page de résultats de recherche*/
.responsive #top.search #main .container {
  max-width: 100%;
}

.responsive #top.search #main .page-heading-container {
  max-width: 1310px !important;
  padding-right: 100px !important;
	padding-left: 100px !important;
}

.responsive #top.search #main .post-entry {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

You can close this. This actually worked;

.container_wrap { border-top: none !important; }
.container_wrap { border-bottom: none !important; }