Mega menu bottom text layout issue - by Graham

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

  • Avatar: Graham
    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.
    11 Answers
    Avatar: Rose Tyler
    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

    Avatar: Graham
    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 15, 2018 at 10:17

    Please clear cache and check one more time.

    Regards

    Avatar: Graham
    Graham
    Participant
    November 16, 2018 at 09:51

    It working perfect now
    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 16, 2018 at 10:01

    You’re welcome!

    Regards

    Avatar: Graham
    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.
    Avatar: Graham
    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.
    Avatar: Olga Barlow
    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

    Avatar: Graham
    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

    Avatar: Graham
    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

    Avatar: Olga Barlow
    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

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.