Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 11, 2016 at 8:41 am #697671
    caroberto6

    Hy Guys,

    I have a page, where I show fb-page social items using blog pages element, and the problem is that the margins around the social items disappears in mobil view:

    Tudatosság, életvezetés

    I use the code below, to embed the fb items. Could you help me please, to solve the issue?

    Thanks in advance!

    [av_one_half first]

    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/TruthTheory/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>
    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/tvhelyett/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>
    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/soulscienceawakeningyou/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>
    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/thespiritscience/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>
    [/av_one_half]

    [av_one_half]
    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/projecthappiness/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>
    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/sikeresemenyek/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>
    <div style=”text-align: center;”> <div class=”fb-page” data-href=”https://www.facebook.com/sikerkozosseg/ data-width=”380″ data-hide-cover=”false” data-show-facepile=”false” data-tabs=”” style=”margin-bottom: 50px; margin-left: 20px; margin-right: 20px;” ></div> </div>

    [/av_one_half]

    Best regards,
    Robi

    October 12, 2016 at 4:53 am #698146
    Ismael

    Hi caroberto6!

    Thank you for using Enfold.

    I’m sorry but I don’t see any obvious issue with the page. The fb pages have margins even on mobile view. Could you please provide a screenshot of the issue?

    Best regards,
    Ismael

    October 12, 2016 at 7:15 am #698159
    caroberto6

    Hi Ismael!

    The bottom margin is missing (IOS 9, Chrome, Safari): link is in the private content session.

    The elements are directly next to each other, there is no space between them.

    Best regards,
    Robi

    October 16, 2016 at 5:11 am #699438
    Ismael

    Hi,

    Please edit the div tag of the fb pages, apply a unique class attribute to it then add this in the Quick CSS field.

    .social_container {
    margin-bottom: 50px;
}

    After adding the class attribute, the markup should look like this:

    
<div style="text-align: center;" class="social_container">
// fb embed code here</div>

    Best regards,
    Ismael

    October 16, 2016 at 3:41 pm #699619
    caroberto6

    Hi,

    perfect, it works, thank you very much!! :)

    Best support ever! :)

    Best regards,
    Robi

    October 16, 2016 at 4:40 pm #699639
    Basilis

    Hey!

    We would also appreciate if you could rate our theme at themeforest.
    It would be really helpful.

    Thanks a lot

    Best regards,
    Basilis

    October 16, 2016 at 8:16 pm #699682
    caroberto6

    Hi,

    ok, it’s done! :D

    Cheers,
    Robi

    October 18, 2016 at 6:33 am #700383
    Rikard

    Hi Robi,

    Thank you very much :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Margin disappears in mobile view’ is closed to new replies.