Shopping cart Icon in phone mode not available - Forum | JoomShaper
Awaiting an answer EasyStore

Shopping cart Icon in phone mode not available

Asked by lorvar 1 year ago Last activity 1 year ago

Hello again. This was supposed to be a private post. Can't change it now.

I've posted this question on the forum, but don't have a solution yet. Please watch this video. After spending 8 hours on various solutions, I see what's happening. The icon appears in desktop and tablet modes. It appears in phone mode in landscape mode. It disappears in portrait mode. I've narrowed down to the the following statement

@media (max-width: 575px) {

#sp-header .sp-module {

    display: none;
}

    If you remove the "none" by turning it off or changing it to anything else, the icon appears.

    I've tried changing it in the css file but nothing changed. I then found the call in the scss
    file, changed it, but no results. Please advise how to edit 

@media (max-width: 575px) {

#sp-header .sp-module {

    display: none;
}

            Links to file locations I've tried editing are in the hidden section

1 reply

Paul Frankowski Senior Staff
1 year ago · edited

Hi,

Maybe revert default style by using that

 @media screen and (max-width: 580px) {
#sp-header .sp-module { display: block !important;} 
}

In template options > Custom Code > Custom CSS OR inside custom.css file , as first line (!)


The number of hours you spend on basic tasks should tell you how much you still have to learn. And I wish you luck in that process. ;]

lorvar Asked this

I reverted the css and the scss to the original format, added the custom code in the template section, still no change unfortunately

Paul Frankowski Senior Staff

I share only general tip. On your domain I don't see any module published in header area. So I cannot compare what else can me improved.

lorvar Asked this

While this usually works, it hasn't in this situation for some strange reason. I still need a solution or I can't use the cart system.

Log in to reply.