Hi - I'm trying to centre a logo on smartphones only and I can't get it to work.
This is the site: www.financingfirst.co.uk/joomla3
And this is the css:
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
.mobcenter
{
display:block !important;
margin-left:auto !important;
margin-right:auto !important;
text-align:center !important;
}
}

Any idea where I'm going wrong?

Thanks

Ian

Hi Ian,

what is it targeting on the site?

Cheers
Paul

Hi Paul - Thanks for getting back to me.

I don't think it's targeting anything… I suppose it ought to be the home page…

Why?

Ian

Hi Ian,

What area of the site is it supposed to be targetting?

Cheers
Paul

Ah - I always was good at explaining myself!

Sorry Paul, it's the FinancingFirst logo, top left…

Thanks

Ian

Hi Ian,

Well first thing you do have

element.style {
padding-top: 25px;
}

this won't affect the centering but will stop any media query working if you did want to target it

Also you do have two brackets at the bottom of the site so those need to be removed if you wanted any style to work after those tags

Cheers
Paul

I think you have a few things going on - the image is full width of the available space so it can't center as it can't move

Also you would need to target the img

Cheers
Paul

Hmmm. I've removed the padding, but the logo is still not centring on the phone…

Thanks for spotting the two brackets - I'm getting tired

Ian

Hi Ian,

I added some more comments after that

Hmmm. I've added the class mobcenter to the image, and extended the position, but it's still not working for me.
I'm not doing well today,
Thanks
Ian

"the image is full width of the available space so it can't center as it can't move"

this is the issue at the moment ignoring any code you have added

Cheers

I've made the image much smaller, and the position top 1 is now full width…

And it's worked!

If I wrap the logo and text in divs and float them left and right, will that stop the @media working?

Thanks

Ian

Yes it does,

Not to worry I'll sort it out tomorrow.

Many thanks for your help today Paul.

Best wishes

Ian

No problem

Good luck with it

Cheers
Paul