mini cart icon

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

Hi

Hi Sinri,

Try adding this CSS in Customize > Additional CSS:

#secondary-navigation > .inside-navigation > .menu-bar-item {
    order: 1;
}

Hope this helps!

Hi
I have tried this but no luck.
One more thing, I want to use separate Hero Image for header (not blog default), can you guide me?

It’s already at the right from my end. See: https://share.getcloudapp.com/o0uGlNBd

Can you clarify “I want to use separate Hero Image for header (not blog default)” a bit more? Can you link us to the page where you want to change the Header image? Is it the same page you provided above?

"It’s already at the right from my end. See: https://share.getcloudapp.com/o0uGlNBd" I have applied inline style. Advanced CSS not working.

I see. Where did you add the CSS?

To clarify, by header image, are you referring to the logo or adding a background image?

"I see. Where did you add the CSS?" Inline in elements block

"To clarify, by header image, are you referring to the logo or adding a background image?" background image

I see.

You can copy the content of the Page Hero set for pages which is called Global Page Header, then create a new Page Hero - Block Element, and paste the content. To copy the content, you can click on the icon that has 3 dots on the top right while editing the Element, and select “Copy all content”.

Make sure to exclude the page in the Display rules of the original Page Hero.

Then, replace the image in the Container Block accordingly.

Hi Eugene,

As your Filtering plugin/section loads, it extends the space it occupies. In result, putting it above your page on mobile pushes down everything as it loads.

Aside from caching, you can probably try adding a min-height to your left side bar on mobile to reduce the CLS or the way it pushes down all other content as it loads.

Example:

@media (min-height: 768px){
    div#left-sidebar {
        min-height: 1400px;
    }
}

mini cart functionality is not working in the header, please check the attached screenshot, also I want the shop menu in the left sidebar should be closed by default. Please suggest.

1. It seems to be working as expected from my end: https://share.getcloudapp.com/2NumDyLw

Can you try clearing your browser’s cache, or try using a different device to test?

2. Are you referring to this?: https://share.getcloudapp.com/p9uO9Gqd

These are WooCommerce Blocks. GP has no control over them.

As for the sidebar, you’ll need a third party plugin for a sidebar that has the capability to hide and unhide. An off canvas sidebar to be specific.

Example(not sure if this will work though): https://wordpress.org/plugins/off-canvas-sidebars/

Fernando, please see https://generatepress.com/forums/topic/mobile-sidebar-move-to-top-css-is-causing-cls-issues-in-core-web-vitals/#post-2297177

I think your response on CLS was meant to go there?

Hi Eugene,

yes, i think Fernando was multi-tasking :) I have replied to your topic.