Wordpress Themify Responsiveness Issue - css

I am running a WordPress site using the Themify Basic theme. When I enable the responsive feature, the social links cover my logo and current posts appear before my content, which is seriously hurting my bounce rate.
If I turn it off, it looks awesome, but doesn't pass google mobile friendly tests. Any fix recommendations?
To my understanding this is a common issue with responsive themes.
(I am not super code savvy)
with responsive
without responsive

Related

Mobile Responsive Design With Wordpress

I would Like to get suggestion about my Website on Wordpress about Mobile Responsive design. This is because I have received a warning with Google Webmaster about Widen content issue in Mobile version.
www.reifenschubert.de
Thanks for reading and would be very glad to receive your comments
you can use jetpack plugin , it offers a free responsive mobile theme plus free CDN to speed up the site if you have many images

Is it possible to edit the CSS of a Google-generated CAPTCHA?

I'm in the process of adding Google CAPTCHAs to 3 different Gravity Forms on a Wordpress website. I've integrated everything successfully and all appears to be working, but I am running into problems overriding Google's CSS in order to customize the CAPTCHA appearance. This is particularly problematic when it comes to sizing, as the CAPTCHAs aren't mobile responsive and in one instance it spills over my sidebar and into the site content (which I've removed for now, while troubleshooting).
Any guidance you can offer about how to go about changing the style/size of the CAPTCHA would be much appreciated!

Wordpress website responsive won't show revolution slider on mobile version

I just finished creating this website from a theme I purchased on ThemeForest. It said to be Full-responsive, but somehow it won't display the Slider and the video on mobile, as it does in the desktop version.
I've tried looking at the css file and try to figure what might cause this, but I don't have much experience with #media. The website's address is http://topnotchweddingvideos.com/. I've also went over the documentation for the Revolution Slider and couldn't figure it out. If someone could take a look at it and suggest what I could do would me much appreciated. I don't expect anyone to do the work for me, I'm just trying to get some feedback or ideas.
P.S. It would also be good enough if I could have the video only display before About Us in the mobile version.
Change The theme!!
or reach to developers of the theme. There's problem in theme. i also have used the revolution slider in my wordpress site working 100% in mobile. your Theme is not 100% responsive

Pinterest not seeing images

I'm using a Wordpress Theme by Elegantia in combination with NextGen Pro. I'm having an issue - Pinterest does not see any images in the NextGen Gallery.
Pinterest picks up any other images on my side just fine. And it also seems to work fine on NextGen installed on other Wordpress sites. So it seems like there is a conflict between my theme and NextGen.
I contacted NextGen, since I pay them for support, and unfortunately they are being fairly useless.
I tested the issue using sharing plugins, Pinterest's button and also Pinterest Safari extension - same result on all of them.
I also tried turning off all other plugins - made no difference.
I'm trying to figure how to trace down what is causing this issue with NextGen and Pinterest on my site and fix it.
Please let me know if you have any ideas. Thank you.
Here is my link: http://abclandscaping.com/outdoor-living/
I'm not entirely familiar with NextGen Gallery but it looks like it is using Flash to present the images and Pinterest does not play well with Flash. You should look for a Wordpress slideshow plugin that is CSS and Javascript. You might look into BxSlider or Flexslider for Wordpress. I hope this is helpful!

Custom mobile theme

Okay,
So I figured out on my own how to make a mobile site out of an Artisteer template.
Basically, I changed the sheet to 100% fluid width, minimum 300 px, one column, got rid of the menu and replaced it with a vertical menu, got rid of most of the blocks or put them under the vertical menu, made everything smaller and simpler. Smaller fonts, got rid of most of the padding except for 3px, made the header shorter, made the vertical menu bars tall enough to press with a finger, etc. My new mobile-friendly site looks great.
So now what? Do I export it as a WordPress theme and then have two installations of WordPress for every website?
Or do I export it as html, use a redirect WordPress plugin, an add an RSS feed?
Hmm...I think I may try html, but would love some feedback anyhow.
You definitely don't want two installations of Wordpress... double the admin overhead, duplicate content etc - not the way to go.
Easiest way IMO - and indeed, this is the way recommended by some commercial mobile theme developers - is to use a plugin like http://wordpress.org/extend/plugins/mobile-theme-switcher/ which simply detects the user agent of the client's device and switches to your mobile theme if it's a mobile device. So one Wordpress installation, two themes.
I know recommending a pluign isn't really the SO way :) - you can always look through the code and integrate it directly into your theme if you needed to.

Resources