Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 29, 2014 at 12:09 pm #244751
    blauwoog

    Hello,

    When I look on a desktop PC at the headermenu of my site http://nieuw.delocht.nl I see that the opacity of the dropdown-items is allright.
    On a tablet (samsung) it is too transparent to read the items.
    Any CSS suggestions?

    By the way I like this theme!

    regards
    Jan-Hein de Wit

    March 30, 2014 at 8:31 am #244980
    Ismael

    Hi blauwoog!

    Thank you for using the support forum!

    Unfortunately, I can’t see the issue no my end when I try to resize the browser which tells me that this is a specific mobile device issue. If you don’t mind, please post a screenshot of the submenu. Add this on Quick CSS or custom.css:

    .header_color .main_menu .menu ul li a {
background: #aebe36 !important;
color: #5C601F;
}

.header_color .main_menu .menu ul li a:hover {
background: #53b7c6 !important;
}

    I’m not certain if this is going to fix the transparency issue but please give it a try. Don’t forget to remove browser cache then reload the page a few times.

    Regards,
    Ismael

    March 30, 2014 at 10:40 am #245037
    blauwoog

    Hi Ismael,

    Thanks for your reply. The piece of CSS doesn’t do the trick.
    But I must say it is a browser-thing. I found out that the problem does nit exist in FireFox of Chrome, but it is there in the default browser of the Samsung tablet.
    Though it may be interesting for the developpers to notice it. That’s why I’ll send you a screenshot, but how? :(

    .regards
    Jan-Hein de Wit

    March 31, 2014 at 4:28 pm #245507
    Yigit

    Hey!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    March 31, 2014 at 6:37 pm #245611
    blauwoog

    Sorry, I’m a dummy in some subjects.
    Here it is:
    https://dl.dropboxusercontent.com/u/65803843/Screenshot.jpg

    You see the problem of the submenu at “Collectie”.

    regards
    Jan-Hein de Wit

    • This reply was modified 10 years, 7 months ago by blauwoog.
    April 1, 2014 at 3:39 pm #246084
    Ismael

    Hey!

    I don’t have the actual device to check the issue but please try this on Quick CSS or custom.css:

    .header_color .main_menu .menu ul li a {
background: #aebe36 !important;
color: #5C601F;
opacity: 1 !important;
}

.header_color .main_menu .menu ul li a:hover {
background: #53b7c6 !important;
opacity: 1 !important;
}

    Remove browser cache then reload the page a few times.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.