Social Icons, Header, Mobile

[andrewrosegallery]

Aloha Swift Support –

Thank you for building Neighborhood. It is a very robust theme.

As I build my new site, I am running into some modification problems. I am modifying the child theme. I can provide my site URL directly via PM to support if that would help, as it is still in development.

1) Social Icons: May I modify the code somewhere so the top-bar social media icons when entered as a shortcode (eg: [social style=”dark”]) are aligned right to the edge of the template? They seem to float toward the center when activated.

2) Header: May I specify in the CSS or other edit to add/remove/change the menu/link options. For example – add widgets, remove quick search, change/increase text size, items bold, etc.

3) Mobile: all of sudden it seems, by using http://quirktools.com/screenfly/ to check my readability on other devices I see a raw site on some devices – mostly mobiles. No markup, no fonts. I was able to test the theme and see it as responsive previously, but I do not know what I may have done to remove the responsive styling. I can provide a screenshot via PM, if that would help.

Thanks in advance,

A

[Melanie – SUPPORT]

Hi, for 1 and 2 I recommend hiring a developer to help you with that.

For 3, can you actually verify that certain devices display it wrongly or are you relying on that website completely?

Cheers

[andrewrosegallery]

Melanie –

RE: 1, 2.

1. Perhaps I wasnʻt clear enough. This is a Swift glitch. When I add the social icons to the text menu option for right top bar location, it floats left. I have seen other support tickets on here address in such a way to correct a float like this. When entered into the left top bar text option, the icons sit flush left. When in the right, they donʻt head all the way to the right margin. Please advise.

2. Will do.

3. Yes, I am unable to see the site as graphic on either an iPhone 4s or an iPad 1. They render as text mobile sites. This theme did not start out behaving that way. Is there a setting I may have changed in the Neighborhood options that affects mobile reading?

Thank you again.

A

[Melanie – SUPPORT]

Maybe you want to tell us your website URL via a private reply so we can understand your descriptions better?
Thank you!

[andrewrosegallery]

This reply has been marked as private.

[andrewrosegallery]

Melanie (and all those who read after)

RE: Mobile portion of this post.

Did a little more troubleshooting and this is what I found:

If you want the responsiveness of Neighborhood to stay as designed in-theme, then please be sure to deactivate the WordPress JetPack “Mobile Theme” plug-in. It overrides the responsiveness feature of Swift’s Neighborhood theme.

I was able to test on screenfly’s quirktools after deactivation, and all is back to normal on that front. The responsiveness, theme-styling, etc of Neighborhood appears as intended.

A

[Melanie – SUPPORT]

Hi!

Glad you found that out!

Let me know if there are any remaining questions please!

All the best 🙂

[andrewrosegallery]

Melanie –

Yes, RE: #1, is there any way for you to provide the CSS that forces the social icons in the top bar to align to the right as described in the template?

I hope you had a chance to visit my site and see that they float toward the center.

Thanks

A

[Melanie – SUPPORT]

You can use this custom css:

.social-icons {
float: right;
}

Cheers!

[andrewrosegallery]

Melanie –

You are code poet.

Mahalo!

A

[Melanie – SUPPORT]

Yay 🙂 Glad I could help! All the best