Center window on mobile

  • Resolved leszekm

    (@leszekm)


    8 years ago

    Hi,

    It works perfectly on PC webrowser, but on mobile facebook popup box is moved to the right so i see only half on the window. How can i align it to the center?

    I try to use it but it doesn’t help
    .efbl_feed_wraper{ float: none; margin: 0px auto; display: table; width: auto;}

    • This topic was modified 8 years ago by leszekm.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Danish Ali Malik

    (@danish-ali)

    7 years, 12 months ago

    Hi

    Can you share your site URL so I will be able to see which snippet to be used.

    [ Signature deleted ]

    • This reply was modified 6 years, 8 months ago by Jan Dembowski.
    Thread Starter leszekm

    (@leszekm)

    7 years, 12 months ago

    Hi,

    Thanks for response.

    http://createyourbody.pl/

    Plugin Author Danish Ali Malik

    (@danish-ali)

    7 years, 12 months ago

    Hi @leszekm,

    Hope you are doing good today 🙂

    I figured out that following CSS snipet is causing the problem.

    @media only screen and (max-width: 768px){
#efbl_popup {
    width: auto !important;
    height: auto !important;
    display: table;
} }

    Use this instead 

    @media only screen and (max-width: 768px){
#efbl_popup {
    display: table;
}}

    It will work fine.
    [ Signature deleted ]

    • This reply was modified 6 years, 8 months ago by Jan Dembowski.
    Thread Starter leszekm

    (@leszekm)

    7 years, 12 months ago

    Hi,

    I am pretty well today! Thanks for asking. Appreciate for fast response!

    I try to use it, but it doesn’ work. Nothing has changed. 

    @media only screen and (max-width: 768px){
#efbl_popup {
    display: table;
}}
    Plugin Author Danish Ali Malik

    (@danish-ali)

    7 years, 12 months ago

    Hi @leszekm,

    I just checked your site these properties are still there width: auto !important; height: auto !important;

    I meant to say that use this `@media only screen and (max-width: 768px){
    #efbl_popup {
    display: table;
    }}code instead of this @media only screen and (max-width: 768px){
    #efbl_popup {
    width: auto !important;
    height: auto !important;
    display: table;
    } }`

    So you need to remove width: auto !important; height: auto !important; from there to make it work fine.

    [ Signature deleted ]

    • This reply was modified 6 years, 8 months ago by Jan Dembowski.
    Thread Starter leszekm

    (@leszekm)

    7 years, 12 months ago

    It is strange I add it in my custom CSS Snipset. Meaby I should delete width and height in other place? Please can you give me an advice where should I delete it, in any specific file?

    @media only screen and (max-width: 768px){
#efbl_popup {
    display: table;
}}

    I don’t know where it could be in other place to delete this additional command

       width: auto !important;
    height: auto !important;
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Center window on mobile’ is closed to new replies.