Add Own Logo to WPTouch Mobile WordPress Site Plugin is a simplest method to add your own site logo to the Header of the WP Touch mobile version for WordPress. Well, WpTouch is the best plugin that transforms your WordPress site or blog that fits to the mobile Devices. It’s integrated with lots of good features for a mobile site layout in it, but the developers did missed out adding an important option. That is they’ve used only the linked site Name instead of adding Website Logo in the header of the WPTouch Plugin. I don’t know why they missed it out, but anyway there must be a good reason for it. Don’t worry here is the easiest way to add your own site logo to the header of the Wptouch site.
About WpTouch WordPress Plugin
WpTouch is a WordPress Plugin used to view your website or blog as a Mobile Theme Layout site in your Mobile Devices. WpTouch is the Top downloaded mobile theme plugin in WordPress website over more than 3,889,000 hits. This plugin is build with Ajax which will make a smooth effects to the mobile site mainly optimised for mobile devices such as iPhone, Android & Blackberry. This plugin also includes theme switcher at the footer of the theme, where we can switch to the Default PC view of the site. The Main Advantage of this plugin is, the webpage will loads lightning faster than the actual PC Theme you are viewing in our Desktop.
Add Own Logo to WPTouch Mobile WordPress Site Plugin
1. Install WPTouch Plugin for your WordPress site.
2. Go to the Plugin installed directory via FTP client or Cpanel.
3. Navigate to wp-content/plugins/wptouch/themes/default/ in your wordpress directory as below.
4. Open or Edit the “header.php” file in that directory.
1. After opening “header.php” file, search for the term “drop-fade” (this is the div id for the bar containing search option in WpTouch site)
2. Just add the code
<img src="YOUR SITE LOGO URL HERE" width="100%" height="100%">
before the “drop-fade” div tag. (make sure to replace YOUR SITE LOGO URL HERE with your site logo url and use size value in % )
3. Just save the “header.php” file. you’ve done it.
After saving the edited “header.php” file, just open your site via your Mobile Device.
OMG !! you can now see the logo fixed around the header of your WPTouch wordpress site.
This is my Logo added WPTouch wordpress site of www.TechyLeakz.com
Conclusion:
Hope you guys found a solution for your WPTouch Plugin. Try to add compressed image for faster page loading. You must use the width and height value of your logo in %. so you can get a better logo output in different user agents.
Thanks for reading, share if you liked Add Own Logo to WPTouch Mobile WordPress Site Plugin
19932 Total Views 4 Views Today
wptouch pro is really a cool plugin to mobilize site but soome feature is missing, the one is logo qnd youbsolve this issue, thanks for sharing
I will get a new background when viewing from a mobile device? But my question was, I dont want a new background, I want my own website logo to display in the top. Is this possible?
Thanks! You’re a savior!
Please how did u make your website show desktop view even on mobile device. Please I need help. Am not that good with programming my blog is http://www.ipluxx.com check
Great post. Very helpful advice. I have used your technique at least two times now. Although, while I set the width to 100%, I set the height to “Auto” so that the proportions stay the same. Anyhow, I am curious if there is a way to incorporate this approach into use the “Custom Code” feature of WPTouch so that our changes are not lost every time WPtouch is updated. Has anybody figured that out?
I enjoy the dear info you offer in the content articles. I’m going to take note of your website and appearance all over again in this article consistently. I am relatively i will be taught loads of brand new material suitable listed here! Best of luck for the next!
Great article, worked perfectly.
Is there anyway to stop it resizing when you pinch zoom??
Cheers