-
AuthorPosts
-
April 14, 2014 at 5:38 am #250908
Hi Jared!
1. I’m not sure why it isn’t resizing, could you please disable that pagespeed functionality? i’d like to check the scripts and stylesheets.
2. When the header is transparent it gets a “av_header_transparency” class, you can use it to target the menu elements this way:
.av_header_transparency .avia-menu > li > a{ color: red !important; }
3. That’s basically 5 Icons inside 5 Columns inside 1 parallaxed Color section, something like this:
Regards,
JosueApril 14, 2014 at 6:13 am #2509111. If you are referring to Google Pagespeed, it should be disabled now. It looks like you disabled some other stuff to test. Whatever else you need me to do, please let me know.
2. It looks like everything eventually resolved itself with the transparency except for the social icons. They have not turned white. They look to be the same color as when there is a sold color header background. It would be nice to have those be white when transparent and then turn back into the normal color when resized on scroll just like the enfold demo site.
3. That makes a lot of sense now. Thanks.
April 17, 2014 at 4:17 am #252414Hi!
This will do it for the icons:
.av_header_transparency .social_bookmarks a { color: white !important; }
I’m still investigating the header shrinking issue.
Cheers!
JosueApril 17, 2014 at 4:21 am #252416Thanks Josue.
I don’t know if it helps your investigation, but it looks like the 2 new updates have not helped the shrinking issue.
I look forward to what you find.
Thanks.
April 18, 2014 at 12:42 am #252972Hey,
I started tinkering around on my server and I uploaded via ftp a enfold theme but I renamed the folder on the server to enfold1. Everything seems to be responsive.
Before renaming the file, I had completely removed enfold from the themes folder but every time i uploaded it would revert back to the settings.
So the way it is now with an additional enfold on my server named enfold1 works. Is there anything wrong with this or will I have issues in the future updating etc.? Is there a cleaner way to do this?
April 18, 2014 at 7:18 pm #253264Josue, for a white dotted line between the menu and the social icons on a transparent header would the code be this…?
.av_header_transparency {
border-right: 1px dashed white;
padding-right: 20px;
}April 20, 2014 at 6:03 am #253548Try with something like:
.av_header_transparency .av-main-nav-wrap { border-right: 1px dashed white; padding-right: 20px; }
Regards,
JosueApril 21, 2014 at 5:51 pm #253949That did it! The only thing left is the social icons on mobile don’t appear on the homepage unless you scroll down (probably because of the transparency from the desktop version is applying itself on mobile.
Also the social icons still seem far down and too far to the the right on mobile.
April 21, 2014 at 8:45 pm #254005Hi!
Change the social icons code to this:
@media only screen and (min-width: 768px) { .av_header_transparency .social_bookmarks a { color: white !important; } }
That way it will only be applied to the desktop view.
Regards,
JosueMay 20, 2014 at 7:28 am #267150I have tried several of these options and nothing is working, please help http://dreamchasers.co
how do i start a topic? I see no link.
- This reply was modified 10 years, 6 months ago by Adamc2c.
May 20, 2014 at 6:32 pm #267440 -
AuthorPosts
- The topic ‘Social Icons in Header for Mobile’ is closed to new replies.