Viewing 11 posts - 31 through 41 (of 41 total)
1 2
  • Author
    Posts
  • April 14, 2014 at 5:38 am #250908
    Josue

    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,
    Josue

    April 14, 2014 at 6:13 am #250911
    JaredBurnett

    1. 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 #252414
    Josue

    Hi!

    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!
    Josue

    April 17, 2014 at 4:21 am #252416
    JaredBurnett

    Thanks 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 #252972
    JaredBurnett

    Hey,

    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 #253264
    JaredBurnett

    Josue, 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 #253548
    Josue

    Try with something like:

    .av_header_transparency .av-main-nav-wrap {
border-right: 1px dashed white;
padding-right: 20px;
}

    Regards,
    Josue

    April 21, 2014 at 5:51 pm #253949
    JaredBurnett

    That 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 #254005
    Josue

    Hi!

    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,
    Josue

    May 20, 2014 at 7:28 am #267150
    Adamc2c

    I 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, 7 months ago by Adamc2c.
    May 20, 2014 at 6:32 pm #267440
    Josue

    Hi @adamc2c!

    Please create another topic regarding your issue.

    Cheers!
    Josue

  • Author
    Posts
Viewing 11 posts - 31 through 41 (of 41 total)
1 2
  • The topic ‘Social Icons in Header for Mobile’ is closed to new replies.