Welcome, Guest

TOPIC: Category selection background color issue

Category selection background color issue 8 years 5 months ago #589

Wal Offline New Member Posts: 7 Karma: -4	Hi ! I encounter one issue with colors. I display multiple category layout on my website. I selected a red color for the selected category button background. It works well on desktop (chrome), but not on iPhone (chrome : ok when page loads, but the color is not used when I select a new category). bloculus.com/galerie/ Do you have an idea? Thanks!
	The administrator has disabled public write access.

Category selection background color issue 8 years 5 months ago #592

eLEOPARD
Offline
Administrator
Posts: 409
Thank you received: 54
Karma: -28

Dear Wal,

The reason for this behavior is simply how the touch phones work.
On the desktop, you have a mouse, which on hover changes to dark grey, and to red when mouse is moved out.

However, on phones, when you tap on a tab, the hover state is activated, and is not removed until you tap somewhere else.
Try tapping on a tab, and then try tapping somewhere outside the tab and you'll understand.

What we can do here is override the default CSS set.
Please paste the following CSS in:

Portfolio Manager > Settings > Advanced Tab > Custom CSS

@media only screen and (max-width: 768px) {
eds-bpm-section li span:hover {
    background: #DA4453 !important;
    color: #ffffff !important;
}
}

What this will do is, on iPad and smaller screens, the hover color would change to red. And since the screens smaller then 768px (iPad) are always touch-screen devices, the hover won't be relevant.
Please let me know if this works for yuou.

Last Edit: 8 years 5 months ago by eLEOPARD.

The administrator has disabled public write access.

Category selection background color issue 8 years 5 months ago #598

Wal Offline New Member Posts: 7 Karma: -4	Thank you! I will get back to you when I get a chance to try this! Edit : works great, thx
	Last Edit: 8 years 5 months ago by Wal. The administrator has disabled public write access.