Social Media links in header not working on small screens and mobiles

Permalink Browser Info Environment
Hi, the social media links in the header do not work when the responsive rules kick in so on any mobile device or even on my browser when I shrink the window... can you help with this please.

Thanks.

Type: Pre-Sale
Status: In Progress
CharismaBusiness
View Replies:
c5box replied on at Permalink Reply
c5box
Hi

Thanks for letting me know. I have fixed this on version 1.1.3. :)

Thanks and regards,
James
CharismaBusiness replied on at Permalink Reply
CharismaBusiness
OK, I just updated my sites to the most recent version and I am still having the problem...http://wilsonhomelending.com/ andhttp://CanadianIn.com
c5box replied on at Permalink Reply
c5box
Hi!

Can you try clearing the C5 cache on the dashboard. Also clear your browsers cache after. I have applied the fix to the live site and it's currently working. Let me know if it is still not working so I can check further.

Kind regards,
James
CharismaBusiness replied on at Permalink Reply
CharismaBusiness
I did do that... The both the site cache and browser cache is cleared. I'm still seeing the problem. I was looking in the code, I didn't see any changes either. Maybe the update didn't take properly.

If you want, you can just tell me what file needs to be updated and provide me with the updated code I can manually add it.
c5box replied on at Permalink Reply
c5box
Hi,

That's strange. I took at your site's source code and the new updates didn't take place.

Anyway, the new code can be found in the layout.less located in packages/c5box_genesis/themes/genesis/css/build/layout.less

on line 43 #socialicons add/replace this code
#socialicons{
                        order:2;
                        margin-right: 90px;
                        position: relative;
                        z-index: 5;
                        .ccm-block-social-links{
                            text-align: right;
                            white-space: nowrap;
                        }
                    }


Please let me know if you need further assistance.

REgards,
James
c5box replied on at Permalink Reply
c5box
Old code:
#socialicons{
                        order:2;
                        padding-right: 90px;
                        .ccm-block-social-links{
                            text-align: right;
                            white-space: nowrap;
                        }
                    }

New code:
#socialicons{
                        order:2;
                        margin-right: 90px;
                        position: relative;
                        z-index: 5;
                        .ccm-block-social-links{
                            text-align: right;
                            white-space: nowrap;
                        }
                    }
CharismaBusiness replied on at Permalink Reply
CharismaBusiness
Perfect, yeah, I was able to manually go in and change the CSS and it worked. Thanks!
asebele replied on at Permalink Reply
I myself just realized this is not working too on the mobile site.
asebele replied on at Permalink Reply
Just saw the code replacement. Thank you that worked.

concrete5 Environment Information

# concrete5 Version
Core Version - 8.1.0
Version Installed - 8.1.0
Database Version - 20170123000000

# concrete5 Packages
Automatic Email Obfuscator (2.0.1), Genesis Theme (1.1.1), Login Block (0.9.3), Thumb Gallery (1.0.3), Under Construction (1.0.1)

# concrete5 Overrides
languages/es_PE/LC_MESSAGES/messages.mo, languages/es_PE/LC_MESSAGES, languages/es_PE, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/cs_CZ/LC_MESSAGES/messages.mo, languages/cs_CZ/LC_MESSAGES, languages/cs_CZ, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/en_GB/LC_MESSAGES/messages.mo, languages/en_GB/LC_MESSAGES, languages/en_GB, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/es_PE/LC_MESSAGES/messages.mo, languages/es_PE/LC_MESSAGES, languages/es_PE, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/cs_CZ/LC_MESSAGES/messages.mo, languages/cs_CZ/LC_MESSAGES, languages/cs_CZ, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/en_GB/LC_MESSAGES/messages.mo, languages/en_GB/LC_MESSAGES, languages/en_GB, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.6.29

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, enchant, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imagick, imap, intl, ionCube Loader, json, libxml, magickwand, mailparse, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, OAuth, oci8, odbc, openssl, pcre, PDO, pdo_dblib, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, Reflection, session, SimpleXML, snmp, soap, sockets, SourceGuardian, SPL, sqlite3, standard, tidy, tokenizer, uploadprogress, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend Guard Loader, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 256M
post_max_size - 64M
sql.safe_mode - Off
upload_max_filesize - 64M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
oci8.max_persistent - -1
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.86 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.