Tab not centered on landscape orientation

  • Resolved enigmauser

    (@enigmauser)


    8 years, 6 months ago

    Hi Scot,

    First: love the plugin! Looked at several other variants but did not want any fly-ins, pop-ups etc … just a simple side-tab linking to a page.

    Only problem I have: on landscape orientation the tab is stuck in lower left bottom of the screen. On portret orientation working fine.

    I tried to tackle the issue with the code below but that does not seem to work. All I want is for the tab to be in the middle of the left-screen when in landscape orientation.

    @media screen (orientation: landscape){
#rum_sst_tab {top: 250px !important;}
}

    Do you know how to resolve?

    Thanks,
    Stefan

    https://www.ads-software.com/plugins/simple-side-tab/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author srumery

    (@srumery)

    Thank you for the great feedback, enigmauser!

    I’m not so sure about the orientation attribute in the media query but this might work for you. Try using a percentage instead of pixels for the CSS.

    #rum_sst_tab {top: 70% !important;}

    If the tab is on the left hand side, then it starts towards the bottom of the tab based on how it is rotated so that is why I used 70% instead of 40-50%.

    Then, you can apply this to your mobile viewport by using a media query.

    @media (max-width: 767px) {
    #rum_sst_tab {top: 70% !important;}
    }

    Give that a shot and let me know if it worked.

    Thread Starter enigmauser

    (@enigmauser)

    Hi Scott,

    This works, many thanks! Although the tab does jump a bit down when scrolled from the top (and from bottom top top). Any suggestions?

    Thanks,
    Stefan

    Thread Starter enigmauser

    (@enigmauser)

    And marked as resolved ??

    Plugin Author srumery

    (@srumery)

    Great. Glad it is working for you.

    I am not sure why it does that. I’ve seen it before and I think it has to do with the height of the browser bar at the top. It seems to glide when the bar is in view and then locks into place when it is gone. I am not sure if there is anything we can do about that.

    I’ll keep a note on it and if I can apply a fix for it, I will.

    Thanks again for using Simple Side Tab.

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tab not centered on landscape orientation’ is closed to new replies.