Prevent Float Right on Mobile

  • Resolved ThomasTheTank

    (@thomasthetank)


    2 years, 6 months ago

    Before hacking away myself, I wanted to check if I am completely missing an option in the settings first.

    I have the TOC set to float:right for standard desktop viewing. However, when the TOC is narrow due to short headings on a specific post, the TOC is hugging the right side of the screen on mobile.

    E.g. 350px screen width with a 225px TOC width leaves around 100px of blank space on the left.

    Is there a setting I’m missing to center or left justify? Or should I go in and tinker with the CSS myself?

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Magazine3

    (@magazine3)

    Can you please share the short video of the issue for reference purposes of the issue? So that we will go through it and get back to you ASAP!

    Thread Starter ThomasTheTank

    (@thomasthetank)

    Thanks for the quick response!

    I have linked an example from mobile and desktop. Its not the most egregious example, but you can see on the mobile image how there is extra space on the left. It becomes more pronounced if the page headings are even shorter.

    Desktop – https://imgur.com/a/tA2LkBo
    Mobile – https://imgur.com/a/B6hpggn

    This is the page.

    Plugin Author Magazine3

    (@magazine3)

    Can you please let us know what is your expected output you want to get? Please let us know, SO that we will let you know accordingly to resolve it.

    Thread Starter ThomasTheTank

    (@thomasthetank)

    Something like a media query at a specific width that expanded the main container to take the full width:

    #ez-toc-container {
    width: 100%
    }

    Perhaps it could default at 450px, with an option to manually set it too.

    As I mentioned, the issue really only shows when you are using the float:right option, since narrow TOCs will hug the right side, even on mobile.

    Plugin Author Magazine3

    (@magazine3)

    If possible can you go through our technical support tab from the settings panel as it will be more helpful for us to solve the issue ASAP!.

    Thread Starter ThomasTheTank

    (@thomasthetank)

    Sent! Thanks!

    Plugin Author Magazine3

    (@magazine3)

    Thank you.

    Hello and thank you for your good plugin
    I also have the same problem. What is the solution?

    Plugin Author Magazine3

    (@magazine3)

    (@bluearash): As per forum guidelines, please create a new topic. So that we will assist with your case individually.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Prevent Float Right on Mobile’ is closed to new replies.

Tags