Problems with mobile optimisation

Hi sparkylab,

We apologize for the delayed response.
1. Please add this css code in Quick CSS or your custom css file.

@media only screen and (max-width:767px) {
    #socket .container {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    #socket .container .social_bookmarks {
        order: 1;
    }

    #socket .container .sub_menu_socket {
        order: 2;
    }

    #socket .container .sub_menu_socket .menu, 
    #socket .social_bookmarks {
        margin: 6px 0 0;
    }

    #socket .container .sub_menu_socket .menu li, 
    #socket .social_bookmarks li {
        float: none;
        display: inline-block;
    }

    #socket .social_bookmarks li a {
        font-size: 18px;
    }

    #socket .container .copyright {
        order: 3;
    }
}

2. The only button I could see not centered is the button below the form, can you give us a screenshot on how it looks on your end?

3. It’s possible, if it’s the image above “So, who am I?”, then you can use this css code:

.home #av_section_3 .avia_image {
    max-height: 260px;
    width: auto;
}

Hope this helps.

Best regards,
Nikko

Hi sparkylab,

Is this the order for the mobile version or for all screens?

Best regards,
Victoria

Hi Francesca,

Yes, the social icons will be made bigger and in the order you mentioned plus centered. This is what it should look like if you put the code I gave: https://imgur.com/MPckiN4
It will only affect mobile versions.

Best regards,
Nikko