Flat Awesome + - PixelExit.com [Deleted]

[tommydamic68]

@Russ I sent you a conversation yesterday, not sure if you received it?

Thanks.

 

[Russ]

@Russ I sent you a conversation yesterday, not sure if you received it?

Thanks.

Responded

 

[tommydamic68]

Responded

Responded back!

 

[The Grand Potentate]

For the logo, just use a media query at your desired width:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo { float: none; margin: 0 auto; } }

Russ am i putting this somewhere special in the settings because it doesnt work in extra.css

 

[Russ]

Russ am i putting this somewhere special in the settings because it doesnt work in extra.css

Try placing it at the top of your extra.css, if that works then you may have some bad CSS inside extra.css causing it not to load at the bottom.

 

[The Grand Potentate]

Try placing it at the top of your extra.css, if that works then you may have some bad CSS inside extra.css causing it not to load at the bottom.

Doesn't work. This is with it at the top on my iPhone 7+

 

[Russ]

Doesn't work. This is with it at the top on my iPhone 7+

View attachment 144825

Ah text logo:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo { float: none; margin: 0 auto; text-align: center;} }

 

[The Grand Potentate]

Ah text logo:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo { float: none; margin: 0 auto; text-align: center;} }

that did it. oddly it seems slightly to the right for some reason.

 

[Russ]

that did it. oddly it seems slightly to the right for some reason.

Check : Style Properties: Header and Navigation -> Logo Text CSS

Looks like you may of added a left: 10px;

You can remove that so it will never have left 10px, or you'll need a media query to adjust it only in mobile:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo a { left: 0;} }

You can combine this bit with the other center logo if you wanted too as well:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo { float: none; margin: 0 auto; text-align: center;} .Responsive #logo a { left: 0;} }

 

[The Grand Potentate]

Check : Style Properties: Header and Navigation -> Logo Text CSS

Looks like you may of added a left: 10px;

You can remove that so it will never have left 10px, or you'll need a media query to adjust it only in mobile:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo a { left: 0;} }

You can combine this bit with the other center logo if you wanted too as well:

@media (max-width:@maxResponsiveWideWidth) { .Responsive #logo { float: none; margin: 0 auto; text-align: center;} .Responsive #logo a { left: 0;} }

thanks Russ. i just took out the left 10 and it seems ok now. i think that was a holdover of some change we made a long time ago.

 

[CarpCharacin]

I noticed a problem with multi page conversations.

 

[Steve F]

Is that from a mobile device? Surely there is more to the right?

 

[CarpCharacin]

That is just a screenshot of the page buttons. No, it is not on a mobile device.

 

[CarpCharacin]

The page buttons are still messed up.

 

[Russ]

They aren't "messed up".

It actually does this by default:



Same thing if the page width is too small.

 

[CarpCharacin]

I used to have the width smaller, but it had that issue worse so I changed it back to the default width. Is it a XenForo bug @Brogan?

 

[Steve F]

No reason to tag it's not a bug, it is limited space so things need to wrap, that's all.

 

[CarpCharacin]

But why dosen't the next button go next to the numbers and then there will just be more page numbers under the arrow?

 

[Russ]

But why dosen't the next button go next to the numbers and then there will just be more page numbers under the arrow?

It's designed like that from the XenForo stand-point.

 

[CarpCharacin]

This is the idea