Block order on Mobile

  • Resolved voriii

    (@voriii)


    4 years, 10 months ago

    Hello!
    First of all, thanks for creating this great dark theme!

    While working on a game’s website I’ve run into a problem and I couldn’t solve it on my own. The problem I need help with is about the mobile version, desktop one looks good.

    So, we are trying to create a wiki-like page on the website but the Table for some reason is aligned at the bottom of the page on mobile. Any suggestions how to solve it? It’s kinda important to be on the top.

    Thanks for your help in advance,
    voriii

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author coralthemes

    (@coralthemes)

    Hello,
    Probably you need to change the order of the flex items on mobile.
    But this is customization, not part of the support.
    Regards,
    Tamás

    Thread Starter voriii

    (@voriii)

    Where can I do that? It’s the first time I’m using this theme and WordPress has changed a lot since the last time I used it.

    Theme Author coralthemes

    (@coralthemes)

    You need add css code into Customizer/CSS.
    For mobile:

    @media (max-width: 767px) {

    Your modifications…

    }

    Theme Author coralthemes

    (@coralthemes)

    I had some time for this issue, select the block of all columns, and in the sidebar Additional CSS classes add this: reverse-on-mobile

    Then in the customizer/CSS:

    @media (max-width: 767px) {
    .reverse-on-mobile {flex-direction: column-reverse;}
    }

    Thread Starter voriii

    (@voriii)

    The issue seems to appear on other pages as well, we’ll try to work the example you’ve given! I’ll reply one more time! Thanks for your help so far ??

    • This reply was modified 4 years, 10 months ago by voriii. Reason: correcting my message
    Thread Starter voriii

    (@voriii)

    It fixed the problem on the mentioned page, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Block order on Mobile’ is closed to new replies.