Layout problem – social icons in header

  • Posted in : Readme
  • acelina
    Participant

    Hi

    Many times, the social icons in the header bar are deviating somehow

    please see the print screen: https://www.dropbox.com/s/f7vpa2qprgy55qa/Screenshot%202014-11-05%2023.24.38.png?dl=0

    Could you please provide a fix for this?

    Anonymous
    Inactive

    Dear acelina,

    Could you please share with me, how you managed to put the icons in header?

    acelina
    Participant

    Sure

    I have created a Text widget inside “Header social icons” with this code inside

    [social_icon_wrap]
    [social_icon type="linkedin" url="http://www.linkedin.com/in/acelina/"]
    [social_icon type="twitter" url="https://twitter.com/ariancelina"]
    [social_icon type="facebook" url="https://www.facebook.com/ac.webdev"]
    [social_icon type="rss" url="http://arian-celina.com/rss"]
    [/social_icon_wrap]

    Anonymous
    Inactive

    Thank you!

    Mehmet S.
    Keymaster

    Hi,


    @acelina
    : Please update to the latest version and check again. You can download it from ThemeForest.


    @kleshik
    : You can see it in the image:

    Anonymous
    Inactive

    Thank you, Mehmet!

    Mehmet S.
    Keymaster

    You are welcome.

    acelina
    Participant

    Hi Mehmet

    I have updated immediately, but the problem persists!

    Please visit arian-celina.com few times and see yourself.

    Mehmet S.
    Keymaster

    Now it is normal on my side. If you see the issue, try to deactivate your plugins and check again.

    acelina
    Participant

    This happens to me whenever I type my url and get into the page. then if I hit refresh, it renders ok. if I close the tab, and reopen the page, still renders badly, and I need to hit refresh to get good view

    ahmetsali
    Keymaster

    @acelina

    i see the issue, it only happens when you opened (or refreshed) a page in mobile layout (when the browser window is narrower than 991px) and then resize the browser window to a larger width. I think this is a browser bug (probably only on chrome) about implementing media queries.

    acelina
    Participant

    Yes, so far, I have noticed it only in chrome, but I have not changed/scaled the window, it happens on normal dimensions.

    As 70% of the traffic on my site comes from chrome browser, it is an important factor for me. Do you have a fix for this?

    ahmetsali
    Keymaster

    Hi again, it never happened on page load on my side (only when scaling window). What is your browser and os version and screen resolution.

    acelina
    Participant

    Chrome 38.0.2125.111 on Mac OS Yosemite on Macbook Air 13″

    ahmetsali
    Keymaster

    Hi again, i just tested our demo site on Chrome38 on Mac Os Yosemite, i can’t detect the issue, it is all fine on several tests.

    mrob2k68
    Participant

    What about for Google Plus? I tried to put in google + but it didn’t work.

    ahmetsali
    Keymaster

    @mrob2k68

    Hi, can you describe it in more details and provide your url if possible.

    mrob2k68
    Participant

    Yes, the url is http://www.babyteethtobackhair.com/

    The issue I’m having is the Google social icon (Google+ doesn’t seem available). I cannot get it to show up in Header Social Icon widget. It shows up as blank when icon type = “google” (the last in the list below.

    [social_icon_wrap]
    [social_icon type="twitter"
    url="https://www.twitter.com/sherparent"]
    [social_icon type="facebook"
    url="https://www.facebook.com/babyteeth2backhair"]
    [social_icon type="instagram"
    url="https://www.instagram.com/sherparent"]
    [social_icon type="youtube"
    url="https://www.youtube.com/channel/UCIYfK2uBcEjomLp9bCes1hw/feed"]
    [social_icon type="vine"
    url="https://vine.co/u/1168673920380018688"]
    [social_icon type="pinterest"
    url="http://www.pinterest.com/sherparent/"]
    [social_icon type="google"
    url="https://plus.google.com/u/0/111382300449759802820/posts"]
    [/social_icon_wrap]

    Please note an icon does show up with I change type to “flickr” (for flickr, obviously)

    Thank you in advance for your help.

    ahmetsali
    Keymaster

    @mrob2k68

    google plus icon is included and this should work;

    [social_icon type="google-plus"
    url="https://plus.google.com/u/0/111382300449759802820/posts"]
    
    mrob2k68
    Participant

    Works like a charm.

    Thank you, sir!

Viewing 20 posts - 1 through 20 (of 20 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register