Watch Demo First
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.
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
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