Support » Themes and Templates » Right-aligned title flips at iPhone/

  • Hello brave ones!

    I making a theme child of twenty eleven and want to have site-title in head right aligned. Finally fixed that – but when i check the site at iPhone (and probably other mobile devices) – the title is forced out of its place messing the whole ting up… Is there a fix for that? Is it as i suspect caused by the search box – and if so – is there a way to keep it in the menubar preventing it from boxing out the site-title?

    The code I used in my child:

    #branding #searchform {
    	top: auto;
    	bottom: -27px;
    	max-width: 195px;
    	right:20px;
    }
    
    /* Headings */
    #site-title {
    	float:right;
    	align: right;
    	position:absolute;
    	right:-250px;
    	bottom: 40px;
    
    }
    
    #site-title a { color: white; }
    #site-title a:hover { color: #654321; }
    
    #site-description {
        float: right;
        color: #white;
        font-size: 14px;
        position:absolute;
    	right:-250px;
        bottom: -40px;
        font-size:110%;
        color: white;
    }

  • The topic ‘Right-aligned title flips at iPhone/’ is closed to new replies.