Tagged: header, mobile, transparent
Hello,
(1)
on mobile devices (I checked Safari@iPhone) on all pages with transparent header, secondary menu is white on white > not visible.
I already added code, suggested by you, to stay with grey social icons (due to no transparency on mobile devices). I also need grey secondary menu.
See my webpage FLYMOTIONS [1]
(2)
als pages with no-tansparency header (on mobile devices) do have dark grey social icons. Is there a way to make them look the same as on transparency header pages?
See Blog [2]
Can you help me in this?
Felix
[1] http://flymotions.com
[2] http://flymotions.com/blog-aerial-cinematography/
Hey flymotions,
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency * {
color: black!important;
}}
2- Not sure if i understood this question clearly. Can you please elaborate? Also, please post a screenshot and show the changes you would like to make so we can make sure to be on the same page. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Best regards,
Yigit
to (1) – perfect. Secondary menu now also visible on mobile devices. Thank you!
to (2) – Header color is different on mobile devices – on pages with normal header and pages with transparent header. Grey icons vs. black (or very dark grey (?) icons. I’m wondering, why transparency on mobile devices (iPhone) does not work, but header colors still are different.
But actually – it’s not a very important point at the moment.