Mobile Version - by Libardo - on WordPress WooCommerce support

This topic has 104 replies, 5 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

  • Avatar: Libardo
    Libardo
    Participant
    April 22, 2015 at 20:31

    Hi Eva,

    – How do I change the color of this icon?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/fgsds_zps76qxygti.png

    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 22, 2015 at 20:43

    Hello,

    You can use this code in custom.css file

    .et-mobile-menu > li > ul > li a:before{
    color:red;
    }

    Regards,
    Robert Hall.

    Avatar: Libardo
    Libardo
    Participant
    April 23, 2015 at 19:46

    Hi Eva,

    ITEM 1

    – Is there a way for me to move the text to right,left,down,up?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/ffe_zpsq8k6lgzo.png

    ITEM 2

    – Is there a way to have the spacing for the menus the same?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/ffe_zpsq8k6lgzo.png

    ITEM 3

    – I also noticed when I click on the ” + ” sign to open this menu (PRODUCTS) upon close it will not close. Is there a way to add something like a ” – ” for a easy close? When I press on the image in color red it does not close again the menu.

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/ffs_zpso1giy8m7.png

    Avatar: Eva
    Eva Kemp
    Support staff
    April 24, 2015 at 16:44

    Hello,

    1. You can move 3 links “Newsletter”, “Sign In”, “Register” with this code in custom.css file:

    .mobile-nav .links {
        margin-top: 20px !important;
        margin-left: 20px;
    }

    2. Use this code in custom.css file:

    .mobile-nav .links {
      margin-top: -10px !important;
    }

    3. You need check your custom css code that you wrote for mobile menu.
    Seems you made some mistake in the code.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 24, 2015 at 18:03

    For ITEM 2 works fine. For ITEM 1 I tried to set it as follow but nothing changed:

    .mobile-nav .links {
    margin-top: 80px !important;
    margin-left: 20px;
    }

    For ITEM 3 I have included the codes that I have at the moment in CSS.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    April 24, 2015 at 21:07

    Hello,

    Please specify where you want to move the links and which ones.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 24, 2015 at 23:35

    Hi Eva,

    I would like to move “MY ACCOUNT” SIGN IN ” REGISTER ” NEWSLETTER ” a bit more down.

    Also with respect to ITEM 3 I have included the CSS codes for you to check which of the codes are wrong which is causing for the Prdocuts Menu not to close upon clicking on it. Please check my earlier post befor this one. Can you check the code and indicate which one I will have to exclude or add?

    Avatar: Eva
    Eva Kemp
    Support staff
    April 27, 2015 at 12:02

    Hello,

    Please add this code in custom.css file:

    .mobile-nav-heading i {
        margin-top: 50px !important;
    }

    I’ve edited the code for your mobile menu and changed class .et-mobile-menu to .mobile-nav which is used for the theme. Please check mobile menu now.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 28, 2015 at 19:46

    Hi Eva,

    Thanks I will check this code. Additional:

    ITEM 1:

    I would like to know how can I control this part highlighted in red for mobile and tablet? I tried to do this in Revolution Slider Custom Menu or Fixed or Auto Responsive but I can get to have for mobile to drop the picture a bit below but for desktop to keep showing as it is at the moment.

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-27-08-19-28_zps81biqk6o.png

    ITEM 2:

    Is there a way to have sort of page open as soon as a client open the website?

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/IMG-20150422-WA0004_zpsbveacfzk.jpg

    Avatar: Eva
    Eva Kemp
    Support staff
    April 29, 2015 at 12:23

    Hello,

    1. Do you want to set slider lower or to make its height bigger?
    2. Sorry, there is no such feature.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 29, 2015 at 13:44

    Hi Eva,

    I would like to make the Slider Heigt bigger for smartphones and for tablet. And for desktop would like to keep it as it is for the moment. When you have made the changes can you also provide the steps? Tl

    Thanks..

    Avatar: Eva
    Eva Kemp
    Support staff
    April 29, 2015 at 14:56

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) { .tp-fullwidth-forcer, .fullwidthbanner-container .fullwidthabanner  {
       height: 250px !important;
    } }
    
    @media (max-width: 978px) { .tp-bgimg.defaultimg, .tp-fullwidth-forcer { height: 400px !important;} }

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 29, 2015 at 16:23

    Thanks Eva.

    Can you please indicate which one of the codes will be for Desktop , smartphone and tablet?

    Avatar: Eva
    Eva Kemp
    Support staff
    April 29, 2015 at 16:45

    Hello,

    The 1st code is for smartphone and the second one is for tablets. Desktop view remain the same.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    April 29, 2015 at 17:15

    Perfect .. I will check them out

    Avatar: Eva
    Eva Kemp
    Support staff
    April 29, 2015 at 17:20

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    May 13, 2015 at 16:51

    Hi Eva,

    I found some additional points to look into it:

    ITEM 1.)

    At the moment when I click on Register button which will take me to the Register page on the Mobile Version I noticed that it does not capture the header style as the My Account page. Also it seems to have text in the middle of the image which we would like for this to be removed. See below:

    Register Page:
    http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-05-12-23-06-07_zpsgse3y4i1.png

    My Account Page:
    http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-05-12-23-06-32_zpsarvytaxy.png

    ITEM 2.) When I click on the open menu on the Mobile Version I get to see all the menus which I can have access to, however when I click on the revolution slider image next to the menu the screen does not adapt automatically back as it was before

    Menu:
    http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-05-12-23-07-40_zpsgecxk3px.png

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-05-12-23-07-32_zpsaztk2wlf.png

    Avatar: Eva
    Eva Kemp
    Support staff
    May 13, 2015 at 18:17

    Hello,

    Register page uses our template and not Woocommerce.
    If you want to have the same slider as on the “My Account” page you need add it to “Show revolution slider instead of breadcrumbs and page title” in Pages > edit Register page.
    I’ve checked mobile menu and haven’t seen any issues with the slider.
    Are you experiencing such issue on all mobile devices?

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    May 13, 2015 at 20:27

    Hi Eva,

    I’ve tried this already which is why I am asking how come the Revolution slider is not showing.

    Right now is set to Revolution Slider but still showing like this:

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/REGISTER_zpsoq2gvwlm.png

    I tried on Apple 6 and Samsung Galaxy s5 and got the same issue when clicking on the image next to the menu.

    Avatar: Eva
    Eva Kemp
    Support staff
    May 14, 2015 at 09:53

    Hello,

    I’ve edited et-registration.php file in wp-content/themes/royal directory.
    Please check Register page now.

    Regards,
    Eva Kemp.

  • 1 2 3 4 5 6
    Viewing 60 results - 41 through 60 (of 104 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.