Logo, welcome background and SiteOrigin Page Builder

  • sophie October 22, 2017 at 6:09 am

    Hello,

    Could you please help me on these issues:

    – I would like to center the logo in the header section, I found another topic about that and I tried the CSS code but it doesn’t work in my case 🙁

    – I put a photo as the background in the Welcome section and I would like to know what are the ideal dimensions for it to not be cut? I tried to change the Section Padding but I don’t manage to make it fully appear.

    – I’m using SiteOrigin Page Builder so in the Work Section, I chose a page in which I put a text and a photo, and I wanted the photo to be along the text but on the right and then on the Homepage, it doesn’t display like that.

    – I’m using a Google Maps Widget and same problem: it doesn’t display on the Homepage 🙁

    Thank you for your help!!!
    Sophie

    Piotr (Tech Support) October 23, 2017 at 6:58 am

    Hello Sophie,

    Hope you are doing well. Could you share with me (temporary) administrator credentials to your site?

    We use 1600x1067px for our Welcome (Parallax) background image. I am sure it will fit your requirements.

    Cheers,
    Piotrek

    sophie October 23, 2017 at 7:22 am
    This reply has been marked as private.
    Piotr (Tech Support) October 23, 2017 at 7:47 am

    Could you try the below CSS code for centering logo and menu?

    .navbar .navbar-header, #menu-menu-principal{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width:100%;
    }

    Using Page Builders might cause incompatibilities with the homepage layout. Could you try using plain WordPress editor and see if it works? I am also receiving a JS error when displaying Google Map on home page (My best guess is that it is caused by incompatibility with the page builder).

    Cheers,
    Piotrek

    sophie October 23, 2017 at 8:25 am

    The CSS code for centering logo and menu works, thanks!

    Indeed Google Map displays with plain WordPress editor but would it be possible to put a part of the text along the map on the right?

    Piotr (Tech Support) October 23, 2017 at 11:13 am

    Hello Sophie,

    I have just added some default text on the right of your map. I simply used Bootstrap classes in WordPress text editor (<div class=”col-sm-6 col-md-6 col-lg-6″></div>).

    You can change that text to desired one in WordPress editor.

    Let me know if above is useful to you.

    Cheers,
    Piotrek

    sophie October 23, 2017 at 1:28 pm

    Yes, it’s perfect, thank you Piotrek!!

    I have another issue, it’s about multilingual: I need to have two versions of the website (French and English) so I’m using Polylang but it’s difficult to manage as in Integral Options, when I customize a section, I can’t differenciate the versions :/

    Piotr (Tech Support) October 23, 2017 at 4:21 pm

    Hello Sophie,

    I think that PolyLang support is the best place to ask that question, as we provide support for our themes only.

    PolyLang documentation might be also helpful, take a look at this article:
    https://polylang.pro/doc/strings-translation/

    If you were using WPML to translate your site, here is a short tutorial how to get it to work with Integral Pro:
    http://support.themely.com/forums/topic/how-to-translate-about-section-content-in-integral-theme/page/3/#post-1215

    Let me know if you have any questions,
    Piotrek

    sophie October 25, 2017 at 4:34 pm

    Hello Piotrek,

    Thank you very much for your help!!

    I installed WPML and I used the tutorial you provided me but I have some difficulties to make it work perfectly. Could you please take a look? It seems that it displays only French or English version in the sections whatever the language I choose in the menu of my website…

    Cheers,
    Sophie

You must be logged in to reply to this topic.