Shopping Cart Icon In Phone Mode Not Available
lorvar
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
Paul Frankowski
Accepted AnswerHi,
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
Accepted AnswerI reverted the css and the scss to the original format, added the custom code in the template section, still no change unfortunately
Paul Frankowski
Accepted AnswerI 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.