Social Media Widget Troubleshooting

  • Resolved firedawn

    (@firedawn)


    11 years, 1 month ago

    Hi. We have your theme installed on our wedding site https://royandaimee.com. It’s not due to go public for a few weeks, but it’s live now for testing. We tried to add 2 versions of the social media widget in the bottom pre-footer panels, but neither work. The widgets work on the tablet/mobile versions, but on our desktop computers (running Chrome, IE, and Safari on both PC/Mac) we can’t seem to get anything but “Follow Me” with no links and no buttons.

    Additionally, the coding is a little funky and because my fiance Roy’s name is very short, on the iPhone the dual widget (follow Aimee and follow Roy) show up on different lines (the coding automatically moves aimee down to the next line and “follow roy” remains all on the same line!). Can this be fixed in an update or is there a way we can code around this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter firedawn

    (@firedawn)

    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 https://en.wikipedia.org/wiki/Responsive_web_design article, or can search about tutorials for responsive webdesign on search engines.

    Thread Starter firedawn

    (@firedawn)

    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.

    Theme Author alex27

    (@alex27)

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Social Media Widget Troubleshooting’ is closed to new replies.

Tags