Small fix needed on your Blog CSS.

[beats23]

I copied your IPS blog's pages tab layout. Thanks😀

In landscape on mobile phone your tabs need some more CCS edits for alignment.

It would be cool if the tabs loads instant with java and not refresh's the pages each time a tab is clicked.

If you guys add this faster tab loading, please post the how to or don't make it too difficult to replicate. Thanks😀

Add this 'top' code to your css to fix it.

@media screen and (max-width: 989px) and (min-width: 767px) {
  .sPage__news .sNews__tabs {
    top: -59px;
 }
}

 

Yours

 

Mine

[Jordan Miller]

Hey there. Thanks for the tip! Wondering, what browser are you using? It shows like this for me 😬

[beats23]

Hi Jordan, I was using safari on iPhone pro max 11.

It only shows up when the phone is in landscape orientation.

Regards 

[Meddysong]

1 hour ago, Jordan Invision said:

Hey there. Thanks for the tip! Wondering, what browser are you using? It shows like this for me 😬

Make your window smaller as though you're using a tablet, @Jordan Invision. It's not a browser issue: it's a display issue at certain screen sizes.

[beats23]

A few folk asked, how to replicate this tab layout so I'll post the old topic of when it was done. 

I only revisited it this week to tweak it a bit.

It would be cool if I could get the tabs to load instant with Ajax.

Can anyone do it?

 

The old topic for how to replicate the method.

 

 

Edited May 18, 2021 by beats23