A few problems (Product image, mobile menu & weird space)

Home Support eCommerce Gem Plus A few problems (Product image, mobile menu & weird space)

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17653
    Anonymous
    Inactive

    I encounter a few problems:

    Mobile version:
    1. The product cover image seems to be occupy only the left corner of the page, leaving right side a big white weird space. How do I make it center and filling up the whole space?
    Take one product link for an example : https://omorosecosmetics.com/revampomorose/product/hypnotic-eyes-eyeshadow-duo-colors/

    2. The menu on the mobile version became 1 line, previously was a box with 3 lines inside, I dont know what have i did to caused that happen. Can help?

    Dekstop and mobile:
    3. For homepage, it seems like there is a big gap/space between the hero picture and the header. How do i reduce that space?

    #17670
    Anonymous
    Inactive

    Number 3 solved. Anyone can help with the number 1 and 2, please?

    #17686
    nirav
    Keymaster

    Hello There!

    Hope you are doing good!

    1) in custom CSS, you have added the below CSS and it is causing the issue in the mobile version. you may need to wrap it inside a media query. for the mobile version, the width should be 100%.

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    	width: 50%;
    	opacity: 1!important;
    }

    2) regarding the single line in the mobile menu, jquery is not rendering the span tag properly so resolve this issue by editing the file: ecommerce-gem-plus/assets/js/custom.js
    Search for code

    $('#main-nav').meanmenu({
        meanScreenWidth: "1050",
    });

    And replace it with

    $('#main-nav').meanmenu({
        meanMenuOpen: "<span></span><span></span><span></span>",
        meanScreenWidth: "1050",
    });

    Hope this helps!

    Have a great day ahead!

    Regards,
    Team ProDesigns

    #17687
    Anonymous
    Inactive

    I have replaced the code, but it doesnt seems to help, the bar is still 1 line. May i know is it that i have done wrongly or the code doesnt work?

    #17714
    Anonymous
    Inactive

    It works, just need to clear cache , thanks

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