wpengine

wpengine

Welcome, Guest
Username: Password: Remember me

TOPIC: Category selection background color issue

Category selection background color issue 7 years 9 months ago #589

  • Wal
  • Wal's Avatar
  • 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 7 years 9 months ago #592

  • eLEOPARD
  • eLEOPARD's Avatar
  • 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: 7 years 9 months ago by eLEOPARD.
The administrator has disabled public write access.

Category selection background color issue 7 years 9 months ago #598

  • Wal
  • Wal's Avatar
  • 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: 7 years 9 months ago by Wal.
The administrator has disabled public write access.
Time to create page: 0.151 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)