Cart replace

Hi there,

Your screenshot isn't working for me.

Are you referring to this?
https://www.screencast.com/t/X7wYi8yqm

If so that's actually a customizer option:
https://docs.generatepress.com/article/woocommerce-overview/#general

If you want to replace that with your own content, then try using this hook:
https://docs.generatepress.com/article/generate_menu_bar_items/

It's the same way that the Login | Register link is added.

yes, I am referring to this cart option. thanks a lot for your solution.
last thing, please tell me where I get this exactly this cart icon??? in media library or somewhere else?

That's an SVG icon loaded by the premium plugin so not in the media library :)

so not possible to get this SVG file using file manager too? it will be great If you tell me the location of it.

Sorry - it's an SVG so it's just HTML and not loaded by GP Premium:

<svg viewBox="0 0 518 512" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em">
		    <g id="Union" transform="matrix(1,0,0,1,2.01969,2)">
		        <path d="M172,108.5C172,61.832 209.832,24 256.5,24C303.168,24 341,61.832 341,108.5L341,116C341,122.627 346.373,128 353,128C359.628,128 365,122.627 365,116L365,108.5C365,48.577 316.423,0 256.5,0C196.577,0 148,48.577 148,108.5L148,116C148,122.627 153.373,128 160,128C166.628,128 172,122.627 172,116L172,108.5Z" style="fill-rule:nonzero;"></path>
		        <path d="M4.162,145.236C7.195,141.901 11.493,140 16,140L496,140C500.507,140 504.806,141.901 507.838,145.236C510.87,148.571 512.355,153.03 511.928,157.517L482.687,464.551C480.34,489.186 459.65,508 434.903,508L77.097,508C52.35,508 31.66,489.186 29.314,464.551L0.072,157.517C-0.355,153.03 1.13,148.571 4.162,145.236Z" style="fill-rule:nonzero;"></path>
		    </g>
		</svg>

That would be the shopping bag default in Prime.

You can see the inspector by using the developer tool:
https://www.screencast.com/t/dHU6nNbdUaN

thanks for your quick support. I am now working on it to fix the icon issue.

>> Lastly please help me with the spacing issue.
Default one has this amount of space between "login | Register" and "Cart" Screenshot: https://share.msbofficial.com/9Zu8YxLd

but after adding the custom shortcode via generatepress elements hook I can see less space between "login | Register" and "Cart" Screenshot: https://share.msbofficial.com/kpu7yKxy

I think to make it like the default one, "login | Register" menu position should be left a little bit. but how? please help

Hi there,

I think to make it like the default one, “login | Register” menu position should be left a little bit. but how? please help

Try adding this CSS:

.menu-bar-items a[href="account/"] {
    margin-right: 20px;
}

You can adjust the margin-right value to your preference.

thanks a lot for the CSS code, it works for the guest user when visits are not logged in.

but when a user logged in, the text change from "Login | Register" to "My Account" https://share.msbofficial.com/04uJrjZj and then CSS is not working.

I provided you site access link in the Private Information Box, you can log in as an admin to see the issue. (NOTE: I used a condition to change the text using If-so plugin)

I see the changes applied to logged users as well.

This is what I see on my end: https://share.getcloudapp.com/jkueJwLz

Perhaps what you're seeing is the browser cached version. Can you try clearing browser cache and check again?

I see! working fine on the homepage for both cases!!
but for other pages same issue for both login and guest users!!!!

you can visit this page or any other page to check https://msbsquad.com/product-category/accessories-clothing/ - without homepage, .CSS not working

Try replacing this:

.menu-bar-items a[href="account/"] {
    margin-right: 20px;
}

With this:

.menu-bar-items > *:not(:first-child) {
    margin-left: 20px;
}

thanks a lot :)

No problem. :D

I found a little bug, maybe a CSS issue!

I have set a rule where the Cart icon will be hidden on the Checkout page.
and when it's hidden then I can see No "Extra Space" on the Right side of the "Login | Register" text.

Please watch this full video to understand my problem https://share.msbofficial.com/BluYnYGn
it will be great if you give me the Custom CSS code to fix it.