Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 27, 2014 at 6:24 pm #341658
    SurigliaStudio

    Hello again, i don’t know why the other identical topic is closed.

    Here is my website http://shop.studiovitruvio.it/
    i followed the video to create a mega menu. I’ve 9 links to show under the mega menu with 9 photos. I would like to have it all on the same row and once the row is filled to begin a new row without centering the images.
    Actually you can see that the “scopri i nostri prodotti” menu link have 3 images per column with really a lot of border around.
    Is it possible to modify this borders and to augment the number of columns of the mega menu? Actually the max number is 6, after that the other images will create a new row and will be centered for all the width of the row.

    Than there is another problem. I guess is related to the z-index of the mega menu.
    Once you are into a product (woocommerce page) eg and you move the mouse on the “scopri i nostri prodotti” you will see the mega menu appear. Once the megamenu shows if you move to the left column (that’s over the big image of the product page) you will see that the product page image will prevale and the megamenu will disappear.

    Let me know :)
    Thank you

    October 29, 2014 at 9:36 am #342622
    Arvish

    Hi bitinteractive!

    At first look, It would seem that you have added three menu items under three seperate menu levels.

    We would be glad to assist if you could forward us a mock up or screenshot of the type of modification you wish to achieve.

    Additionally, please forward us administrative credentials to your site for us to have a closer look.

    Please check the “Set as private reply (Only you and moderators will see the content of this post)” option before posting any sensitive information.

    Cheers!
    Arvish

    October 29, 2014 at 9:59 am #342631
    Arvish

    Hey!

    With regards to the image overlay on the product page, add the following at the bottom of your functions.php file

       function megamenu_productimageoverlay_fix_script(){
    ?>
    <script>
    (function($){
        $(window).load(function() {

        $("#menu-item-2302 .avia_mega_div").mouseenter(function() {
            $(".image-overlay").css("z-index", "-1");
        }).mouseleave(function() {
             $(".image-overlay").css("z-index", "auto");
        });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'megamenu_productimageoverlay_fix_script');

    Cheers!
    Arvish

    October 29, 2014 at 2:00 pm #342696
    SurigliaStudio

    Hello Arvish, thank you for your support.
    The fix works fine, thank you.
    For the style i simply would like to have less space between the megamenu images. I just see the megamenu so big and i would like to have something like 10px of border space around each images.

    Thank you

    October 31, 2014 at 4:50 am #343857
    Ismael

    Hi!

    I’m sorry but the mega menu column widths are calculated dynamically on avia.js. Unfortunately, this particular request or modification is more than what we can offer as a support team. Please hire a freelance developer to modify the mega menu scripts or visit Envato Studio or Werkpress for further modifications.

    If you have any issues related to the theme, we are more than happy to provide you with assistance on these inquiries. Thank you for your understanding.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.