Mobile view

  • Resolved hildenbasketball

    (@hildenbasketball)


    6 years ago

    Hi,
    im using the spoiler function of “Shortcodes Ultimate” to hide big content, like pictures and embedded maps. On this site, I tried to use it integrated in a “Tablepress”-table. Everything worked fine, until I started to fix the font of the spoiler-title. I want it to be the same as my TablePress-font. My current Custom-CSS looks like this:

    .su-spoiler-title {
    font-family: ‘Gudea’, Tahoma, Arial;
    font-size: 18px;
    font-weight: normal;
    }

    @media (max-width:639px){

    .su-spoiler-title {
    font-size: 12px;
    }
    }
    @media (max-width:359px){

    .su-spoiler-title {
    font-size: 10px;
    }
    }

    On big screens everthing works, but on Smartphone screens with the above named size it doesnt. The font perfectly changes how I want it to change, but somehow the spoiler function itself is gone. I just see my spoiler-title and underneath the content I want to hide. No icon, no function. How do I fix this?

    Thanks in advance,
    Moritz

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vova

    (@gn_themes)

    Hi Moritz,

    I can’t find spoilers on your page. Are they still there?

    Thread Starter hildenbasketball

    (@hildenbasketball)

    Hi,
    yes, they are still there. I missed to tick a checkbox in the settings. Now you should be able to see hat the problem is.

    Plugin Author Vova

    (@gn_themes)

    I see the spoilers do not work at all, both on mobile and desktop. That’s why I haven’t found them the first time.

    It happens because spoilers are loaded through AJAX by TablePress.

    Please follow this guide: https://docs.getshortcodes.com/article/83-shortcodes-and-ajax-content

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile view’ is closed to new replies.