Additionally, on the “Customize” page in the WordPress backend, the icons show up as little white squares in the gray circles, and the links work but the icons for each social media are not present. On the mobile version (both on iOS and Android, tested on multiple devices tablet and phone), the icons display correctly but as previously mentioned, the “follow aimee” and “follow roy” show up differently due to the lengths of our names. Additionally, only the first two icons for each person shows up on the mobile version.
Thanks for the help!
Edit: Oh! We turned on the footer menu and it works—so it seems as if the social media menu on the pre-footer areas do not work unless the footer menu is on—but when we turned on footer menu to our default Menu1 set… uh… no footer menu shows up, so I’m not sure what’s going on with that. And our names are still showing up on different lines on the mobile version so I’d like to resolve that as well. Thanks!
Hi, as per I am testing you site on desktop and tablet it looks good, no issues with your names. but while opening it on a mobile its creating issue due to [Instagram] social icon, if you will remove that from footer your names will appear fine.
If you don’t want to remove that..
The alternative is that you need to add Responsive design script into your CSS (stylesheet) code, so the website can respond view according to the device size(mobile, tablet, desktop).
You can follow http://en.wikipedia.org/wiki/Responsive_web_design article, or can search about tutorials for responsive webdesign on search engines.
Thanks for your help—I decided to do a workaround by replacing the name with “him” and “her” which are approximately the same width.
Another thing I noticed about this theme–the columns in the pre-footer widgets are not quite centered because of the responsive coding. Do you have any advice on how we can get them to center when viewed on a desktop browser? For instance, on the site right now, “the countdown” is quite noticeably off center, and the space to the right of the 3rd column/widget is larger to the space to the left of the first.
Hello!
I’m not quite sure I follow your issues. I tried adding two social widgets to prefooter area, with and without footer menu, and had no trouble with that. As for the widget width, you could make it wider with some custom CSS:
.one-third {
width: 31.6%;
}
Custom CSS is added via CSS Manager plugin, or child theme.
