Return to previous page

Mega menu bottom text layout issue - by Graham

This topic has 12 replies, 3 voices, and was last updated 5 years, 11 months ago ago by Olga Barlow

Graham

Participant

November 12, 2018 at 06:16

Hello, dear support

I’m encountering with a problem that:

1) The mega menu text has a layout issue when displaying on small-resolution screens.
The screenshot is attached in the private section below

2) I’m just wondering if you could let me know – how can I set to make the products open in new tab, rather than open in the same page?

Thanks very much
Regards
Graham

Please, contact administrator
for this information.

#202842 Copied

11 Answers
Rose Tyler

Support staff

November 13, 2018 at 10:49
Hello,

Sorry for the delay in answering.
1)
```
.menu .vc_custom_heading {
    font-size: 12px !important;
}
```
2) You can add target="_blank" for all links where it is required (content-product.php and content-product-slider.php files of your child theme), for example http://prntscr.com/lhqmn8

Regards
#202930 Copied
Graham

Participant

November 15, 2018 at 09:57

Thank you for your reply,

Could you have a check of the first code again, please?
I have tried to add the code to the theme options, however, the problem seems to be still existed.
————————————
.menu .vc_custom_heading {
font-size: 12px !important;
}
————————————

The text displays right on the medium to large screen, but it doesn’t work the same on the smaller resolution.

Thanks again
Regards
Graham

#203941 Copied

Rose Tyler

Support staff

November 15, 2018 at 10:17

Please clear cache and check one more time.

Regards

#203946 Copied

Graham

Participant

November 16, 2018 at 09:51

It working perfect now
Thank you!

#204018 Copied

Rose Tyler

Support staff

November 16, 2018 at 10:01

You’re welcome!

Regards

#204019 Copied

Graham

Participant

November 18, 2018 at 05:47

Hi Tyler,

Sorry to bother again, but just found another issue with the small screen (Ipad)

I’m using a plugin “a3 lazy load” to optimize the speed by lazy loading the images (which works perfectly on normal size screen desktop & mobile)

However, I just found that the product images don’t show up on the smaller resolution (For example, Ipad)

Screenshot is attached in the private section, could you pls have a check at your convenience?
Is there anything I can do to avoid such error (I do really want to keep the a3 lazy load working to have a better loading speed.)

Many thanks,
Regards
Graham

Please, contact administrator
for this information.

#204087 Copied

Graham

Participant

November 19, 2018 at 06:27

Hello, again

And may I ask if I can have the “product category images” zoomed in when hovering on?
I have applied the example URL below in the private section.

Thanks very much
Regards
Graham

Please, contact administrator
for this information.

#204106 Copied
Olga Barlow

Support staff

November 20, 2018 at 17:59
Hello,

1) We don’t see that issue with images when emulating the iPad http://prntscr.com/lkrlps
2) Yes. You can add the following custom to add that zoom effect
```
.category-grid:hover img {
    transform: scale3d(1.1,1.1,1);
    -webkit-transform: scale3d(1.1,1.1,1);
}
```
Regards
#204262 Copied
Graham

Participant

November 23, 2018 at 16:31

Hi, Olga

I have applied the code in the custom CSS and tried to clear the cache, however, it doesn’t seem to take effect yet.
Could you pls have a check?
——————————————————————-
.category-grid:hover img {
transform: scale3d(1.1,1.1,1);
-webkit-transform: scale3d(1.1,1.1,1);
}
——————————————————————
BTW, awesome update of the new forum style.

Regards
Graham

#204792 Copied

Graham

Participant

November 23, 2018 at 16:48

And for the 1st problem:
The products images don’t display on iPad Pro or similar small-size pad,
I have deleted and re-installed the browser ( tried with Google Chrome and Firefox).

The images still seem to be disappeared
Screenshot: https://prnt.sc/lm3h6a

The product images only show up when touching the screen (enlarged version will show then)

Not sure what has caused this issue? Do you have any suggestion?

Regards
Graham

#204793 Copied

Olga Barlow

Support staff

November 27, 2018 at 11:08

Hello,

1) Provide me screenshot of the element in your content where you used product categories and that code does not work.
2) Looks that problem is related to a3 Lazy Load plugin, if we inspect image in Chrome we can see the following styles of the plugin http://prntscr.com/lnir2v
Once I check your site in Safari I don’t see that code anymore because “lazy-loaded” class does not appear for that image. I don’t know why this happens for the Safari. Either disable that plugin or contact plugin author to solve the problem.

Regards

#204945 Copied
Viewing 12 results - 1 through 12 (of 12 total)