Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1722518
MOBILE ISSUES
Closed

Comments

  • milimm started the conversation
    September 24, 2018 at 5:54am

    MOBILE VERSION OF THE WEBSITE http://girlsgonewine.life/

    1. When I click on the menu, the icon (3 lines) on the left corner of the header menu, nothing appears. So I don't have the option to go to the others pages.

    2. Would it be possible to have the menu header transparent, as on the desktop website version?

    3. Can I have the texte "Made with Love by Devolution AND [email protected] +1 310 945 8805" on the footer align on center (ps: mobile version only)? Now it looks weird since the paragraphrs are not align.

    4. On the page: http://girlsgonewine.life/ggw-home/
    The icons are super super small, we can barely see it. Also can they be in 2 columns, 2 icons up,first ligne and 2 icons down, second ligne (ps: mobile version only)? (Img attached)

    5. On the page: http://girlsgonewine.life/ggw-contact-test/
    The "contact form 7" is too narrow. Can you please make it larger? (Img attached)

    Thanks

  •  1,845
    Elated replied
    September 25, 2018 at 12:10pm

    Hi there,

    1. We can see that the menu is here:

    You can create in the Appearance > Menus new menu that is going to be only mobile menu and than just set it to be Mobile navigation:

    Now your mobile navigation is Divided left menu and that is why only two items are showing up. 

    2. Just paste this code in Appearance > Customize > Additional CSS:

    .eltdf-mobile-header .eltdf-mobile-header-inner {
    background-color: transparent!important;
    border-bottom: none!important;
}

    3. Paste this code:

    @media only screen and (max-width: 425px){
.eltdf-footer-top-holder .eltdf-footer-top-alignment-center .eltdf-grid-col-3 .widget .textwidget p {
    text-align: center;
}
}

    4. Paste this code:

    @media only screen and (max-width: 425px){
    .vc_custom_1536742399673 {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
}

    5. Add this code in Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 480px){
    .vc_custom_1536599813416 .eltdf-elements-holder .eltdf-eh-item-content {
        padding: 0 10px!important;
    }
    .vc_custom_1536592027561 .wpb_single_image.vc_align_right {
        text-align: center;
    }
    .vc_custom_1536599813416 {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 40px !important;
        padding-left: 0px !important;
    }
}

    Best regards,

    Marie

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.