Side Menu – Submenu hidden - by JoaoSantos

This topic has 31 replies, 3 voices, and was last updated 7 years, 9 months ago ago by Eva Kemp

  • Avatar: JoaoSantos
    JoaoSantos
    Participant
    January 18, 2017 at 18:10

    Hello,

    You guys gave me this code:

    `.header-type-8{
    overflow-y: auto;
    overflow-x: hidden;
    }

    To solve the issue that the sidemenu in some cases got cut off and it was not possible to see the entire menu, and it was not possible to scroll. That piece of code solved the issue but now the submenu is not showing up. For instance for the “Coleções” menu item.

    Can you help me with this?

    Thanks

    30 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 19, 2017 at 13:26

    Hello,

    Please add this code in Custom CSS:

    .header-vertical-enable .menu-wrapper .menu >li .nav-sublist-dropdown {
        position: relative;
        left: 15% !important;
    }

    Regards,
    Rose Tyler.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    January 20, 2017 at 16:40

    Hello,

    Thanks for the reply.

    Adding that code made the submenu appear below the menu item. I want it like it was before, on the side of the menu.

    Best regards,
    João Santos

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 20, 2017 at 16:59

    Hello,

    In this case, you need change this code:

    .header-vertical-enable .menu-wrapper .menu >li .nav-sublist-dropdown {
        position: relative;
        left: 15% !important;
    }
    .header-type-8{
        overflow-y: auto;
        overflow-x: hidden;
    }

    to

    .logo img {
        width: 83%;
    }
    .header-type-8 .table-row .shopping-cart-widget {
        padding-bottom: 0;
    }

    Regards,
    Rose Tyler.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    January 20, 2017 at 17:10

    Hello,

    Thank you for your time.

    Ok. But now it is like in the beginning and the menu get’s cut off in some resolutions.

    I need it like it was with the ability to scroll the menu, but with the submenu showing up on the side of the menu. Is that possible?

    Thanks

    Regards,
    João Santos

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 23, 2017 at 11:41

    Hello,

    Unfortunately, there is no such possibility. Please, add one of the previous codes or use another header type. Sorry for the inconvenience.

    Regards,
    Rose Tyler.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    January 31, 2017 at 20:05

    Hello,

    Thanks anyway.

    One other thing. How can I disable the PrettyPhoto plugin?

    I installed the Easy Fancybox but the site is still using the PrettyPhoto.

    http://labs.choacollection.com/colecoes/outonoinverno-16/

    Best Regards,
    João Santos

    Avatar: Eva
    Eva Kemp
    Support staff
    February 1, 2017 at 17:21

    Hello,

    You can try the solution described in this article http://tickanswer.com/solved/8371790252/disable-prettyphoto-wordpress-visual-composer .

    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 2, 2017 at 12:17

    Hello,

    Thank you for your support.

    I tried and it doesn’t seem to remove it entirely.
    Please check the previous link to see the result with that code.

    Best Regards,
    João Santos

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 2, 2017 at 18:52

    Also, can you help me slow down the menu dropdown, with a more smooth effect?

    Thanks.

    Avatar: Eva
    Eva Kemp
    Support staff
    February 4, 2017 at 11:46

    Hello,

    Please also disable Woocommerce lightbox in Woocommerce > Settings > Products > Display (at the bottom of the page).

    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 4, 2017 at 12:02

    Hello,

    It’s already disabled.

    Best regards,
    João Santos

    Avatar: Eva
    Eva Kemp
    Support staff
    February 6, 2017 at 09:48

    Hello,

    Please try this code in functions.php file to remove prettyphoto lightbox of Woocommerce:

    add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
    function my_deregister_javascript() {
    wp_deregister_script( 'prettyPhoto' );
    wp_deregister_script( 'prettyPhoto-init' );
    wp_deregister_style( 'woocommerce_prettyPhoto_css' );
    }

    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 6, 2017 at 18:40

    Hello,

    Sorry. It still doesn’t work.

    Regards,
    João Santos

    Avatar: Eva
    Eva Kemp
    Support staff
    February 8, 2017 at 16:53

    Hello,

    Please show a direct page where we can check a lightbox and provide FTP/WP Dashboard credentials in private content.

    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 8, 2017 at 17:40

    Hello,

    Thank your for your help.

    This page as lightbox content.

    Best Regards,
    João Santos

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 13, 2017 at 11:30

    Hello,

    If you want to to use FancyBox lightbox please try this code described in the article http://tj.mk/replace-prettyphoto-fancybox-woocommerce/ , so you can replace prettyphoto with the desired lightbox.

    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 13, 2017 at 12:51

    Hello,

    I tried to do what you suggest but it’s not working and I don’t know what I’m missing.

    The code removed the prettyphoto lightbox but when I try to add the fancybox it just opens the photo on another page.

    I added the code to the functions.php file and the fancybox files to the child theme folder.

    Please, let me know what I’m missing here.

    Thanks,
    João Santos

    Avatar: Eva
    Eva Kemp
    Support staff
    February 14, 2017 at 16:51

    Hello,

    Have you followed these instructions and added the code?
    http://fancybox.net/howto

    Please read it how to implement FancyBox to your site.

    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 15, 2017 at 17:27

    Hello Eva,

    Thank you for the reply.

    I don’t think that those instructions apply to wordpress.

    I got it to work before on other sites I worked on, just by inserting this code into the file functions.php

    function remove_vc_prettyphoto(){
      wp_dequeue_script( 'prettyPhoto' );
      wp_deregister_script( 'prettyPhoto' );
      wp_dequeue_style( 'prettyphoto' );
      wp_deregister_style( 'prettyphoto' );
    }
    add_action( 'wp_enqueue_scripts', 'remove_vc_prettyphoto', 9999 );

    and installing the plugin responsive lightbox

    But for some reason it doesn’t work with your theme.

    Please let me know if you can help me with this, or if I have to find another solution.

    Best Regards,
    João Santos

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 18, 2017 at 01:33

    Hello,

    I solved the issue. Thanks anyway for trying to help me.

    On other topic. Do you know if it’s possible to smooth the dropdown menu effect? To make it more slow and subtle?

    Thanks.

    Regards,
    João Santos

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 20, 2017 at 16:22

    Hello,

    Unfortunately, in our theme it’s not possible. I sent your report to our developers. Thank you for the notice.
    Please take our apologies for inconveniences.

    Regards,
    Rose Tyler.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 21, 2017 at 00:50

    Hello,

    That’s ok.

    Is it possible to change the responsive breakpoint of the theme?

    I’m using the sidebar menu header, and when we are in the shop that have the shop sidebar some content get’s cutoff, specially from 980px to 1200px. So I would like to put the breakpoint in the 1200px width.

    Or if you have a better solution, I’m all hears 🙂

    Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 22, 2017 at 15:09

    Hello,

    Sorry, but there is no such option in our theme and can be done only through the additional customisation.
    Please, try to add this code in custom css:

    @media only screen and (min-width: 980px) and (max-width: 1680px){
    .products-grid.product-count-3 .product:nth-child(3n+1) {
        clear: none;
        margin-left: 20px;
    }
    .products-grid.product-count-3 .product:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
    }
    

    Regards,
    Rose Tyler.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 23, 2017 at 10:15

    Hello Rose,

    Thank you so much. It worked!

    Best Regards,
    João Santos

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 23, 2017 at 10:59

    Hello,

    You’re welcome!
    Have a nice day!

    Regards,
    Rose Tyler.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 24, 2017 at 13:06

    Hello,

    I have another issue this time with the Feature/Recent products slider. It doesn’t slide like in your demos.

    You can check the home page of the site I’m working on to see the problem: .

    Should I start a new topic for this?

    Thanks.
    João

    Avatar: Eva
    Eva Kemp
    Support staff
    February 27, 2017 at 09:40

    Hello,

    Please provide correct WP credentials as I can’t log in with the previous ones.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 27, 2017 at 12:00

    Hello,

    The credentials are working.

    Thanks.
    Regards,
    João

    Please, contact administrator
    for this information.
    Avatar: JoaoSantos
    JoaoSantos
    Participant
    February 27, 2017 at 13:31

    One other thing.

    How can I disable the Responsive Switch?

    I tried this with no luck:

    @media (max-width: 767px) {
        .visible-phone {display: none!important;}
        .visible-tablet {display: none!important;}
        .responsive-switcher {display: none!important;}
    }
    
    @media (min-width: 768px) and (max-width: 979px) {
        .visible-tablet {display: none!important;}
        .visible-phone {display: none!important;}
        .responsive-switcher {display: none!important;}
    }

    Thanks.

  • 1 2
    Viewing 30 results - 1 through 30 (of 31 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.