Joomla Templates Club 406,261 posts

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#730455

Hi there,

Our cart doesn’t integrates to the menu as on the sample (please the attached pictures). Regardles to the size of the screen it remains as a floating circle to the right.

Could you please let me know where I can fix this.

Thank you.

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#747373

I found that this piece of code in the custom.css file is causing the problem:

<blockquote>.head-btns > div .head-cart #head-cart-dropdown {
background: #00b0f0
border-radius: 50px;
box-shadow: 0 0 2px 0 #dadada
height: 50px;
width: 50px;
border: 0;
}</blockquote>

But when I remove the code, the cart icon becomes white (invisible) and trying to adjust the color affects the current configuration.

Thank you,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#747490

Try to use the solution below

Open templates/ja_techzone/css/custom.css file and add new css style

@media (max-width: 991px) {
.fa-shopping-cart {
color: #6E6E6E !important;
}

.head-btns > div .head-cart #head-cart-dropdown {
background: initial !important;
border-radius: initial !important;
box-shadow: 0 0 0 0 !important;
width: initial !important;
}

.head-btns > div .head-cart {
border-left: 1px solid #EEEEEE ;
}
}

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#747556

@ninja Lead, My friend, it did work, I only had to make a minor adjustment for the left border, however the icon looks several pixels down.

I found that by eliminating the height on the .head-btns > div .head-cart #head-cart-dropdown { } it fix that error (see the attached pictures) unfortunately, it doesn’t work by adding the code to the custom.css file.

Any suggestions…?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#747662

From my solution in #3 you can add as

.head-btns > div .head-cart #head-cart-dropdown {
background: initial !important;
border-radius: initial !important;
box-shadow: 0 0 0 0 !important;
width: initial !important;
height: initial !important;
}

[Author]

Posts