Re-align 'back to top'

Thanks, Dave. That certainly moves it; but what looks centred in one view drifts out of alignment when the viewport is reduced.

I also tried “right” and that had the same issue. But I’ll play with it some more as my earlier poor results were targeting “.colophon .pull-right” which wasn’t responding.

Nil desperandum.

but what looks centred in one view drifts out of alignment when the viewport is reduced.

That’s what the @media is all about ??

I tried all my other alignment options again but none of them worked on smaller screens.

You’re hinting that I need to set different alignment parameters for each @media option…? How many is that – four, as in ‘phone, tablet, laptop and monitor?

Looks like five:

@media (max-width: 1200px)
@media (max-width: 979px)
@media (max-width: 767px)
@media (max-width: 480px)
@media (max-width: 320px)

Nightmare ?? Such a small thing…

Hasn’t Nico already done this? The other two elements in my white footer align perfectly in the centre of their spans at all viewport sizes, namely the social icons and the credit. I’ve been trying, without success, to track down his code. Needle in a haystack when I don’t even know which directory to look in. I found a big pile of “coloured” style sheets but couldn’t find what I was looking for in any of them.

Look in customizr/parts where most of the HTML is generated using object-oriented coding.

Thanks Dave – I’m off to have a look. If you don’t hear back from me within a week, send out a search party.

If this is the code, I’m none the wiser:

?>

	        <div class="span4 social-block pull-left">
	        	<?php if ( 0 != tc__f( '__get_option', 'tc_social_in_footer') ) : ?>
	        		<?php tc__f( 'tip' , __FUNCTION__ , __CLASS__, __FILE__ ); ?>
	           		<?php echo tc__f( '__get_socials' ) ?>
	           	<?php endif; ?>
	        </div>

        <?php

and

?>

    	<?php ob_start() ?>
	    <div class="span4 backtop">
	    	<?php tc__f( 'tip' , __FUNCTION__ , __CLASS__, __FILE__ ); ?>
	    	<p class="pull-right">
	    		<a class="back-to-top" href="#"><?php _e( 'Back to top' , 'customizr' ) ?></a>
	    	</p>

If I am reading this correctly, the social icons in the footer have a “pull-left” and yet they aren’t left-aligned because they float centrally in their span.

And the back-to-top is assigned a “pull-right” which does align to the right and doesn’t float like the social icons do.

Confusing.