Cart appearing behind menu in Basel Coffee

https://www.theswagtestsite.com/about/

Hi can you help with settings to stop the cart widget appearing behind the menu on this page

Thanks

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to remove it on this page only

.page-id-2300 .right-column {
	display: none!important;
}

Regards

Its actually happening on all pages (except home) so do you have a more scalable fix?

Thanks

https://www.theswagtestsite.com/faq/

You can disable it completely via Dashboard -> Theme Settings -> Header -> Shopping cart widget.

Thanks but I don’t want to disable it completely – I want it to appear from the side onclick on all pages like it does on the home page, thanks

Sorry, but your request is not quite clear for us. Do you want to keep it on the home page and remove on all others?

No problem.

Look at this page https://www.theswagtestsite.com/ add some items to the cart and then click the cart icon – the cart slides open to show the cart contents.

I want it to work like that on all the pages (home, faq, about, contact etc) – currently on all other pages the cart does slide out but it isn’t hidden when behind the left sidebar.
https://www.theswagtestsite.com/about/

I think perhaps the sidebar is set to transparent on all the pages (except home)

Yes, it is because of the transparent header. Try to use this code snippet to move the cart widget out of the screen

body .global-header-vertical .cart-widget-side {
    transform: translate3d(-680px,0,0);
    -webkit-transform: translate3d(-680px,0,0);
    -ms-transform: translate3d(-680px,0,0);
    -webkit-transform: translate3d(-680px,0,0);
}

Sorry that isn’t working – I’m not sure why this isn’t a simple fix – if the homepage works fine why can’t all the other pages? Do you want my admin so you can take a look? Thanks

And that code snippet is telling me I have a duplicate property (webkit transform)

Do you mean that you just want to remove the transparency from the header on all pages? But this code you added to the custom CSS section and it doesn’t come with our theme.

Im sorry if I’m not being clear or perhaps you’re seeing something different when viewing my website – please see the attached images – look at the menu on the left side – on the home page image the menu looks fine (the cart is not showing through) but on the other image the cart widget is visible behind the menu.

This is how it looked after i installed the theme with the Coffee template content import.

Attachments:

You must be logged in to view attached files.

Other image

Attachments:

You must be logged in to view attached files.

It happens because of the code added somewhere in the custom CSS by you https://gyazo.com/9578cb84f30ba4926199cb0afc00f98f
Just remove it and it will work correctly.

Sorry I didn’t know anything about that code (I don’t recall adding it) so I’m having trouble locating it – I can’t see it in the Custom CSS field in template customisation – do you know where I might be able to find it?

It is added to the Custom CSS section in WPBakery page builder. So probably, it is added the page CSS section or to some of the HTML Blocks used on that page.

Great thank you

You are welcome!

[Author]

Posts