Viewing 11 posts - 31 through 41 (of 41 total)
  • Author
    Posts
  • #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,
    Josue

    #250911

    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.

    #252414

    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

    #252416

    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.

    #252972

    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?

    #253264

    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;
    }

    #253548

    Try with something like:

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

    Regards,
    Josue

    #253949

    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.

    #254005

    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

    #267150

    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 9 years, 10 months ago by Adamc2c.
    #267440

    Hi @adamc2c!

    Please create another topic regarding your issue.

    Cheers!
    Josue

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