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.
-
AuthorPosts
-
December 23, 2020 at 3:04 pm #17653
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?December 26, 2020 at 8:41 am #17670Number 3 solved. Anyone can help with the number 1 and 2, please?
December 28, 2020 at 3:35 am #17686Hello 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 ProDesignsDecember 28, 2020 at 5:17 am #17687I 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?
December 31, 2020 at 10:10 am #17714It works, just need to clear cache , thanks
November 8, 2021 at 10:02 am #21496Its 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.
November 8, 2021 at 9:51 pm #21502November 8, 2021 at 9:52 pm #21503ITs 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?
December 29, 2021 at 7:59 am #22396You 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/
April 3, 2022 at 9:52 pm #28754Amazing 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?
-
AuthorPosts
You must be logged in to reply to this topic.