If you have Jetpack installed, it has a “mobile theme” than you can enable.
https://jetpack.com/support/mobile-theme/
Thread Starter
Kunal
(@kunalnc17)
That will not full fill my needs as i want to see my very theme but only change the theme tittle on mobile
want to see my very theme but only change the theme tittle on mobile
You need to make your theme responsive. If you cannot do this yourself, hire someone to do it via http://jobs.wordpress.net.
Thread Starter
Kunal
(@kunalnc17)
I can do that but currently can you give me a code that i can change my title when someone has a look at the website from a mobile.
1. When I look at your site, I don’t really see issues in the mobile view. It looks pretty good.
2. What’s with the counter at the top? Have we gone back in time to 1996?
3. I’m happy to help with specific questions; what specifically do you want to change? I’m not about to rewrite your theme for you. There’s a line between free support from a volunteer and asking a volunteer to work for you for free.
The responsive theme is good, but also try the WP-touch plugin. It works in a pinch to make your site responsive and it has several options to customize the look.
Thread Starter
Kunal
(@kunalnc17)
Stendra,
all i need to change is that a different title appears when on a smaller screen as others it becomes too cramp
Title i want when on big screen : COMPUTER ACADEMY Space where your brain catches a pace
titte when on small screen : COMPUTER ACADEMY
This is a hacky non best practise way to do it and will get overridden if your theme updates its self.
in the admin of wordpress change the title from: COMPUTER ACADEMY Space where your brain catches a pace
to
COMPUTER ACADEMY <span>Space where your brain catches a pace</span>
then do this
Load up this file:
/wp-content/themes/sequential/header.php
add this before </head>
<style>
@media screen and (max-width:1020px) {
.site-title span{ display:none !important; }
.site-description{display:none !important;}
}
</style>
Thread Starter
Kunal
(@kunalnc17)
The code does not seem to have worked. you can check, the link is compacademy.in
this is where i inserted the code
`<?php
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id=”content”>
*
* @package Sequential
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<style>
@media screen and (max-width:1020px) {
.site-title span{ display:none !important; }
.site-description{display:none !important;}
}
</style>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”>
<?php wp_head(); ?>
</head>
Ok so its not allowing a span tag in the title, this hack wont work unless you find this code in ‘header.php’ and change to
<h1 class=”site-title”>
…
</h1>
<h1 class="site-title">
<a href="http://compacademy.in/" rel="home">COMPUTER ACADEMY <span>Space where your brain catches a pace</span></a></h1>
</h1>
This is further down the rabbit hole of a hack/not good practise but should do the trick if you just want it sorted.
Thread Starter
Kunal
(@kunalnc17)
I did that but now it stopped showing any title on the mobile and comes without a title on the mobile