- This topic has 4 replies, 2 voices, and was last updated 3 years, 5 months ago by
.
-
Posts
-
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?Number 3 solved. Anyone can help with the number 1 and 2, please?
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 ProDesignsI 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?
It works, just need to clear cache , thanks
- You must be logged in to reply to this topic.