Side Menu – Submenu hidden - by JoaoSantos

This topic has 31 replies, 3 voices, and was last updated 7 years, 1 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

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