Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #844186

    I do not know why, but after making a little change in the Privacy Policy link in the footer of my website the view from the mobile has become a little mess.
    My previous Privacy Policy link had a white background and I just figured it would look better with a black background as the footer is black too. So I copied the link to turn it black from the Iubenda website and replaced it. I literally did not do anything else. Only replaced one link with another (which was pre-made): the size and text have remained exactly the same as before, only the color has changed.
    After doing that I have realized that, if I go to my website from my mobile, the footer is a bit messed: the website menu is all misaligned and so are the two language flags (it’s a multilingual website) which, before, were perfectly aligned one next to the other at the bottom of the footer.
    Is it possibile to rearrange the footer so that it looks as clean as before?
    I am leaving my website login redential below, in case they’re needed
    Thanks a lot,


    Hey NicoleVA,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { #socket .social_bookmarks {margin: -35px 0 0 30px !important;}
    #socket .sub_menu_socket li {padding: 5px 15px!important;}}

    Please see screenshots in Private Content area.
    Anther option instead of using the script button, is to use this one to create a lightbox popup of your external link:

    <a href="https://www.iubenda.com/privacy-policy/8139460?iframe=true" title="Privacy Policy">Privacy Policy</a>

    Best regards,

    This reply has been marked as private.

    Perhaps you should try creating two links, for each language, and add it to the footer, then it will show on every page.
    Try editing footer.php, on line 137 add your links like this:

    <dev class="container policy"><a href="https://www.iubenda.com/privacy-policy/8139460?iframe=true" title="Privacy Policy">Privacy Policy</a> <a href="https://www.iubenda.com/privacy-policy/8139460?iframe=true" title="Privacy Policy">Politica Sulla Riservatezza</a></dev>

    Then add this code in the General Styling > Quick CSS field:

    .container.policy {padding-left: 35%;}


    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.