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

Tagged: gold loan, gold loan interest rate, loan against gold

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

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

Author

Posts
December 23, 2020 at 3:04 pm #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?

December 26, 2020 at 8:41 am #17670

ongkahyee
Participant

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

December 28, 2020 at 3:35 am #17686
ProDesign Support
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: "",
 meanScreenWidth: "1050",
});
```
Hope this helps!

Have a great day ahead!

Regards,
Team ProDesigns
December 28, 2020 at 5:17 am #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?

December 31, 2020 at 10:10 am #17714

ongkahyee
Participant

It works, just need to clear cache , thanks

November 8, 2021 at 10:02 am #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.

November 8, 2021 at 9:51 pm #21502

devidmiler
Participant

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

November 8, 2021 at 9:52 pm #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?

December 29, 2021 at 7:59 am #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/

April 3, 2022 at 9:52 pm #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?
Author

Posts