Logo, welcome background and SiteOrigin Page Builder

  • 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

    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

    This reply has been marked as private.

    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

    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?

    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

    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 :/

    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

    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.