Need Help in Mobile site - by viniewebs - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 5 years, 4 months ago ago by Olga Barlow

  • Avatar: viniewebs
    viniewebs
    Participant
    July 10, 2019 at 10:45

    Hi there i need to know how to do this in mobile site ? Please check private content area.

    Please, contact administrator
    for this information.
    13 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 10, 2019 at 11:39

    Hello,

    Everything depends on what element you use to create that grid. If you use columns layout and the single image you can use the column responsive options to change the width for different mobile devices http://prntscr.com/od1wbm
    If you use Products element and slider then number of products per row for mobile devices could be changed via Slider settings http://prntscr.com/od1x9c
    If you use any other element then it would be better if you could provide us with link to the page where you use this element and temporary Dashboard access. We’ll check and give you the most suitable solution.

    Regards

    Avatar: viniewebs
    viniewebs
    Participant
    July 20, 2019 at 13:41

    Hi there olga,

    Thanks alot for your previous help. Please help me again if you can 🙂 Please check my private content area.

    thank you 🙂

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 20, 2019 at 14:01

    Hello,

    You’re welcome.
    It requests additional customization in files and is outside the scope of basic theme support.
    But you can try such workaround:
    Add this code in Theme Options > Custom CSS > Custom CSS for mobiles:

    .navbar-toggle:not(.home) {
        display: none;
    }
    .back-history:not(.home) {
        top: -65px !important;
        left: 15px;
    }
    .header-xstore .header-logo {
        text-align: center;
    }

    + disable fixed header (Theme Options > Header > Fixed Header > Fixed header type > Disable) and change “Return to previous page” text (using Loco translate plugin) to “Return”.

    Regards

    Avatar: viniewebs
    viniewebs
    Participant
    July 20, 2019 at 20:23

    Hey Rose,

    First of all thanks a lot for such a quick reply. I would reply write that in my review on themeforest. Please check my private message.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 21, 2019 at 08:16

    Hello,

    Please change the previous code http://prntscr.com/ohxpbw to:

    .et-header-boxed:not(.home) .navbar-toggle {
        display: none;
    }
    .et-header-boxed:not(.home) .back-history {
        top: -65px !important;
        left: 15px
    }
    .header-xstore .header-logo {
        text-align: center
    }

    Regards

    Avatar: viniewebs
    viniewebs
    Participant
    July 22, 2019 at 17:59

    Thank you so much 🙂

    Please check my query in private message.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 22, 2019 at 18:28

    Hello,

    You can find etheme_back_to_page function in xstore/framework/template-elements.php. Don’t copy the whole file, just function that you want to change.

    Regards

    Avatar: viniewebs
    viniewebs
    Participant
    July 23, 2019 at 01:16

    Thank you from all my heart. I just gave 5 star to your theme on themeforest as you guys deserved it 🙂 Needed one more help please as i tried and failed. Please check my private message.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2019 at 09:25

    Hello,

    Thank you for your rating. Much appreciated!

    There is no need to edit function to implement this.
    1) Go to Theme Options > Speed Optimization > enable FA support http://prntscr.com/oitmvp
    2) Add the following code to child theme style.css

    a.back-history:before {
        content: '\f060';
        font-family: 'FontAwesome';
        font-size: .7em;
        left: -5px;
    }

    Regards

    Avatar: viniewebs
    viniewebs
    Participant
    July 23, 2019 at 12:09

    Hi olga,

    Thank you so much but it didn’t worked. Please check my private message.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2019 at 18:34

    Hello,

    Unfortunately, I can’t tell you what you did wrong just by screenshots. We need WP Dashboard and FTP access to check styles and files.

    Regards

    Avatar: viniewebs
    viniewebs
    Participant
    July 23, 2019 at 19:50

    Please check my private message for details.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 24, 2019 at 09:33

    Hello,

    You replaced our correct code of the FA icon by the old code of the xstore-icon http://prntscr.com/ojal91
    It caused the issue. Please, be attentive.
    Also, tell me if you want to remove the “Return” and keep the icon only or you need both: icon+ return?

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.