Home › Forums › Basel support forum › Cart appearing behind menu in Basel Coffee

Cart appearing behind menu in Basel Coffee

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • February 20, 2018 at 6:55 am #41060

    kieranw80
    Participant

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

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

    Thanks

    February 20, 2018 at 7:46 am #41095

    Artem Temos
    Keymaster

    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

    February 20, 2018 at 7:50 am #41101

    kieranw80
    Participant

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

    Thanks

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

    February 20, 2018 at 7:55 am #41104

    Artem Temos
    Keymaster

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

    February 20, 2018 at 7:58 am #41105

    kieranw80
    Participant

    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

    February 20, 2018 at 8:09 am #41107

    Artem Temos
    Keymaster

    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?

    February 20, 2018 at 8:19 am #41109

    kieranw80
    Participant

    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)

    February 20, 2018 at 8:49 am #41113

    Artem Temos
    Keymaster

    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);
}
    February 20, 2018 at 11:12 am #41150

    kieranw80
    Participant

    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

    February 20, 2018 at 11:14 am #41152

    kieranw80
    Participant

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

    February 20, 2018 at 12:25 pm #41164

    Artem Temos
    Keymaster

    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.

    February 20, 2018 at 12:30 pm #41169

    kieranw80
    Participant

    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.
    February 20, 2018 at 12:31 pm #41172

    kieranw80
    Participant

    Other image

    Attachments:
    You must be logged in to view attached files.
    February 20, 2018 at 12:36 pm #41177

    Artem Temos
    Keymaster

    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.

    February 20, 2018 at 10:20 pm #41316

    kieranw80
    Participant

    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?

    February 21, 2018 at 7:31 am #41350

    Artem Temos
    Keymaster

    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.

    February 21, 2018 at 8:16 am #41367

    kieranw80
    Participant

    Great thank you

    February 21, 2018 at 8:31 am #41369

    Artem Temos
    Keymaster

    You are welcome!

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)