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

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

This topic contains 9 replies, has 5 voices, and was last updated by  northell 1 month, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #17653

    ongkahyee
    Participant

    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

    ongkahyee
    Participant

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

    #17686

    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

    ongkahyee
    Participant

    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

    ongkahyee
    Participant

    It works, just need to clear cache , thanks

    #21496

    northell
    Participant

    Its worth sharing thanks for the information You have any idea about from where you can get laon for gold? if yes then its ok if not then i have found an special and best site for you that is https://www.manappuram.com/gold-loan.html that helps you longer to make yourself stronger.

    #21502

    devidmiler
    Participant
    #21503

    devidmiler
    Participant

    ITs really an amazing could you please have a look on https://sites.google.com/view/gamekartu/game-kartu-penghasil-uang and recommend me the best one suggtions that helps me longer?

    #22396

    fasw333
    Participant

    You can use the CSS integration code to setup the product page. I have done this practice on my website, you can see here https://jrstracking.com/

    #28754

    northell
    Participant

    Amazing amazign no doubt but there are few issues that I am facing while constructed my own plans. Could you please have a look on my site https://northell.design/blog/how-to-develop-a-school-management-system-software and recommend me a best homepage design setting please?

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.