1.load corect 2.the id code of staticblock to css 3.problem with the css 4. sticky buy now proble

This topic has 9 replies, 3 voices, and was last updated 9 months, 1 weeks ago ago by Andrew Mitchell

  • Avatar: Kombajn88
    Kombajn88
    Participant
    March 11, 2024 at 23:41

    Hello,

    Thank you in advance for your help, you guys are doing a super job!

    I’m getting to the point where I’m happy with the look of the site and its functionality, while I’m working I’ve noted the problems I’ve encountered and I’m asking for help with them:

    Pictures are assigned numerically to questions

    1. When a user accesses the site via a mobile device (I don’t know if a tablet too, but a phone does), the page doesn’t load properly (looks like picture 1.1 and 1.2), only after refreshing f5 the page displays properly

    2. I obtained the code in this topic, but it works on “page”, while it does not work on static blocks. I tried in the developer tool to find the id of staticblock to change page, but failed.

    https://www.8theme.com/topic/vol-2-edit-in-mobile-mode-phone-767px-and-less/#post-385353

    .page-id-3130 .category-grid {
    position: relative;
    }
    .page-id-3130 .category-grid.valign-center .categories-mask {
    bottom: -80px !important;
    top: auto;
    }

    3. In the same topic as in point 2 I also got help with setting icon boxes in one row, but unfortunately after adding this css in “spotlight categories” the header “categories” is not displayed

    4. In the phone view sticky add to cart and buy now look like in the picture.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    8 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 12, 2024 at 08:21

    Hello, @Kombajn88,

    Thank you for contacting us and for using XStore.

    1/ We have conducted a thorough review of your website using a personal mobile device and are pleased to report that we encountered no functional issues during our assessment. It appears that the difficulty you are experiencing may be attributed to a caching problem on your side.

    We kindly suggest that you clear your browser’s cache completely and attempt to access the website once more. For your convenience, we have provided images below that serve as a reference for the observed functionality:

    [Image Reference 1](https://imgur.com/LaOBS0B)
    [Image Reference 2](https://imgur.com/PSE4t2T)

    2/ & 3/ We kindly request that you attempt to use the following custom CSS code. Please ensure that you copy and paste the code provided below into the designated area located at XStore > Theme Options > Theme Custom CSS > Global CSS.

    .postid-3539 .categories-mask.text-center {
        position: relative;
    }
    
    .postid-3539 .categories-mask.text-center {
        bottom: -20px !important;
        top: auto;
        right: 0px !important;
        left: 0px !important;
    }

    The result should look like this: https://imgur.com/NOhb5XM

    4/ By default the buy now button should not be shown on mobile in the sticky panel, it can appear in case you are using a cache plugin or CDN.

    We can offer you to add the code into Theme Options > Theme custom CSS > Global:
    this code can be used to add a scroll https://gyazo.com/9564b345cce274c0b8b1d94f7aec33bb

    @media only screen and (max-width: 992px) {
        .single-product .etheme-sticky-cart .et_column:nth-child(2) {
            justify-content: flex-start;
            overflow: auto;
        }
    }

    or this

    @media (max-width: 767px) {
        .etheme-sticky-cart p.price,
        .etheme-sticky-cart .quantity ~ .et-single-buy-now {
            display: none;
        }
    }

    to remove the buy now button – https://prnt.sc/962l1TXSdFjU

    Should you require any further assistance, please do not hesitate to reach out to us.

    Best regards,
    The 8Theme Team

    Avatar: Kombajn88
    Kombajn88
    Participant
    March 12, 2024 at 13:37

    2/ (Photo from static block, not page) I provided into the designated area located at XStore > Theme Options > Theme Custom CSS > Global CSS (I’m attaching a picture), unfortunately it doesn’t work

    I tried adding this code also, but there are problems with it, i think it doesn’t seem to want to interact with the other codes:

    selector .count {
    display: none;
    }

    3/ I’m attaching a video that shows that in “view” mode you can’t see the category (this mode also displays on the phone)

    4/ Is it possible that instead of deleting or adding scroll, so that there is only “buy now” and “add to cart”? (I attach a picture from another store)

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Kombajn88
    Kombajn88
    Participant
    March 12, 2024 at 13:45

    I’m still attaching the css video to try to clarify in case of doubt on the video

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 12, 2024 at 14:10

    Hello, @Kombajn88,

    2/ We are pleased to inform you that the issue you reported has been successfully resolved. Our team has implemented modifications to the CSS code, which have addressed the problem.

    Please refer to the attached image in private content area for your reference.

    Should you require any further assistance, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Kombajn88
    Kombajn88
    Participant
    March 12, 2024 at 14:55

    Thank you very much for your help with 2/ but it won’t work in Element toggle

    Maybe the problem is using this as Element toggle (?)

    Xstore–>Theme Options–>Mobile Panel–>MAIN CONFIGURATION–>Element–>Toggle

    Please contact administrator
    for this information.
    Avatar: Kombajn88
    Kombajn88
    Participant
    March 12, 2024 at 19:46

    4/ solved

    I managed to find a css that removes the number of pieces and the price, I am uploading it, maybe someone will find it useful

    .etheme-sticky-cart .price,
    .etheme-sticky-cart span.woocommerce-Price-amount.amount {
        display: none;
    }
    #quantity_(put here the class id from develop mode - ispect element, it can looks like this 65d01d13ef364) {
        display: none;
    }
    
    .quantity-wrapper {
        display: none;
    }
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 13, 2024 at 07:29

    Hello, @Kombajn88,

    2/ We are pleased to inform you that the issue you reported has been successfully resolved. To ensure the changes are reflected on your site, we kindly ask that you clear your mobile browser’s cache before revisiting your site.

    For your reference, the solution involved the addition of CSS code, which can be found within the following navigation path on your website’s backend: XStore > Theme Options > Theme Custom CSS > Global CSS.

    For further clarification, we have provided a screenshot in the private content area of our correspondence.

    Should you require any additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    March 13, 2024 at 23:47

    Dear Kombajn88,

    We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

    Click here to rate now: https://themeforest.net/downloads

    Thank you sincerely for your ongoing support!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘1.load corect 2.the id code of staticblock to css 3.problem with the css 4. sticky buy now proble’' has been successfully resolved, and the topic is now closed for further responses

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