PORTFOLIO

Hi,

We want to use portfolio that would serve as something similar to a little magazine.
Is It possible to remove the header/menu from portfolio pages since we want It to be somewhat separate from our shop.

Hello,

It is not quite clear for us what exactly do you want to achieve? Do you want to customize your portfolio page to hide the menu? We can give you a custom code snippet to achieve this.

Regards

Hi,

Yes, you understood It correctly!
We want to remove shop menu from portfolio page.
We would have categories there and would like to remove menu from all pages that are in portfolio.

Thank you!

Ok, could you please also provide a screenshot of this menu and send us a link to your portfolio page?

Thank you in advance.

Hi,

Since we did not develop portfolio yet, I set up quickly some demo so you can see what we kind of have in mind.

I have few additional questions as well.
1. As I was creating categories and subcategories for portfolio I noticed that subcategories are listed on portfolio page in the same way as main categories.

To explain a bit better, I attached a link for portfolio (magazine) main page.
You will notice following categories: ‘All’ ‘Food’ ‘Italy’ ‘Travel’.
Well, the main categories are ‘Food’ and ‘Travel’, while ‘Italy’ is subcategory for ‘Travel’, but the way It is presented on page, It looks like It is a main category as well.
Is It possible for subcategories to be presented differently so It is obvious that they are indeed subcategories, not main categories.
If a person would have more than few categories and subcategories, It would end up looking like a big mess without easy understanding which one is a parent and which one is subcategory and what is connected to what.
I hope that make sense.

Well, I guess we want them to act more like It’s own menu. It would bring so much more flexibility and clarity.

2. Is It possible to have categories listed on all ‘projects’? For example, if you open ‘Macaroons’ page, that categories are showing on those type of pages as well, not just main portfolio page?

Thank you so much for working with us on this, I appreciate It a lot!

Ivana

Thank you for a detailed explanation. Here is code snippet to hide navigation for portfolio pages

.single-portfolio .navigation-wrap,
.page-template-portfolio .navigation-wrap {
    display: none;
}

Regarding menu categories for the portfolio. Actually, at the moment, this links works as simple masonry filters (they just rearrange your projects when you click one). They don’t have a hierarchy, and it is not possible to make it in a similar way as shop categories navigation works without additional PHP and CSS customization.

Regards

Lol, perhaps too detailed. 🙂

The code worked, the menu is gone, thank you so much.
Is there a code that would remove the things that we have on the right side of the header, such as Login, Cart, Wishlist and Search?
Also, I noticed that sticky header is still there in all portfolio pages, can that be removed as well?

Another question in private content!

You can use this code also

.single-portfolio .right-column,
.page-template-portfolio .right-column {
    display: none;
}

Hi,

It removed all from the right side like I wanted but also pushed the logo to the right for some reason. I realised that choosing a header with menu in top bar (option within a page) the logo is back in center.
I’ll have to choose that option in every portfolio page to keep the logo centered, but that is not going to be a big deal.

Thank you so much for all your help!

Ivana

Hi,

We suggest you return original header and we will provide you a fix to the center logo for that header layout.

Regards

Hi,

Ok, I switched back.
Thank you!

Thank you.

Here a fix for that

.header-logo-center .widgetarea-head {
    display: none;
}

Regards

Hi,

It did center It now in portfolio but shifted the logo left everywhere else.
I actually never managed to center the header completely, It was always a tad left.
Perhaps I started with the wrong size of the logo size and then when I tried to make the logo a bit smaller I used the sliders for ‘Logo container width’ and ‘Logo image maximum width’. Once I used those two, my logo was the size I wanted, but everything else shifted a tad left, not much but slightly left. This was the best balance I managed to accomplish, not perfect.
I want the size of the logo to be the same as It appears now, but if you take a close look at the menu, you’ll notice It is not completely centered, It is slightly left.

Using the sliders help change the size of logo but shifts everything else.

I.

Hi,

Sorry, we had to add this code only for portfolio pages. Replace it with this one

.single-portfolio .header-logo-center .widgetarea-head,
.page-template-portfolio .header-logo-center .widgetarea-head {
    display: none;
}

Regards

The logo centered but the portfolio pages still have a sticky header in which menu now shifted to the right with this last code.
It’s an ongoing battle to center the header in general, it is not clear to me why that keeps on being a problem, I align one thing and then other thing shifts somewhere else and getting them all to be aligned seems to be impossible task.
I tried different size logos, moving the sliders, nothing seems to work to fix the alignments.
Please advice, I’m at the end of my ropes at this point.

Regards,
I.

Sticky header has three main elements: logo, menu and right column with icons. To make menu centered right column and logo should have the same width. As on portfolio pages you don’t want to see header icons it is naturally that menu is shifted to the rights. Physically, it is not possible to align menu related to the sticky header width. It is centered in the free space between logo and right column (and if there is no right column then between logo and right border). Here is a visualization of the sticky header elements https://gyazo.com/2fff68479d3c47f349b8d85d5e9b8be6

[Author]

Posts