How i can to center this text+icons in the bottom mobile panel

This topic has 12 replies, 2 voices, and was last updated 11 months, 3 weeks ago ago by Rose Tyler

  • Avatar: LambdaSP
    LambdaSP
    Participant
    March 7, 2023 at 19:12

    https://ibb.co/9459G7f

    The text and icon’s doesn’t centered perfectly

    And why i have this problem?: https://we.tl/t-QQH7CxOLcf

    And why the website title show me that instead my title: https://ibb.co/vvYJRnQ

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 12:03

    Hello, LambdaSP,

    Thank you for getting in touch with us.

    1/ We do not see any issues with the alignment as shown in the screenshot provided – https://prnt.sc/PXLKVMCMlxcs

    2/ We suppose this issue is due to the varying length of text and the specific screen size of your device. Could you please let us know the screen size on which this video was recorded?

    3/ Pages > click on Home page title to edit this page > and check SEO plugin settings – https://prnt.sc/nX9RMb-JRC56

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    March 8, 2023 at 12:59

    1. Please check the mobile menu on the site the icons/text to much small and how i can to do hover color on them? http://www.special-brands.com

    2. How i can check it?

    3. still not change https://ibb.co/KF5gDsg

    4. Why i have this text problem https://ibb.co/wdhKPQG i dont want this text

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 9, 2023 at 09:05

    Hello, LambdaSP,

    1/ Header Builder > Mobile menu > OFF-CANVAS CONTENT > Content Size (%) , Off-Canvas Content WCAG Color
    The hover color can be changed using custom CSS code:

    div.mobile-menu-content .et_b_header-menu .menu li a:hover {
        color: red;
    }

    2/ Do you know the name and model of your device? If so, you can find information about the screen size (resolution) online.

    3/ As we can see, it was changed – https://prnt.sc/CK5Bc0iCm-lq https://prnt.sc/bY7vyYwsh-vk
    Please check all other SEO settings for the Home page – https://prnt.sc/QeSRAchPnbhZ

    4/ What device do you use?

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    March 9, 2023 at 23:29

    1. Not work still not grow and Not work the css code.
    3. 6.68inch.
    4. Perfect thank you!.
    5. Iphone 13 pro max.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 10, 2023 at 10:37

    Hello, LambdaSP,

    1/ Private Content

    2/ Add the next code in Theme Options > Theme custom CSS > Global:

    @media (max-width: 680px) {
        .connect-block-element-DlvvP {
            margin: 0;
            display: block;
        }
    }

    3/ You’re welcome!

    4/ Change this code https://prnt.sc/R07H1zt-xg6P to

    @media only screen and (max-width: 480px){
    .rtl .single-product-builder .et_product-block form.cart .quantity-wrapper:before {
        display:none;
    }
    }

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
    Avatar: LambdaSP
    LambdaSP
    Participant
    March 10, 2023 at 11:35

    1. I talk on the mobile menu, this: https://ibb.co/1QsVMTw
    2. https://ibb.co/TwSSQdw Not centered now

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 10, 2023 at 13:18

    Hello, LambdaSP,

    1/ It is the mobile panel. Settings you can find in Theme Options > Mobile panel > Content Zoom (%) and so on – https://prnt.sc/CvMddeGZCxly

    2/ Please change this code https://prnt.sc/CETnynmpTpZ2 to:

    @media (max-width: 680px) {
        .connect-block-element-DlvvP {
            margin: 0 !important;
            display: block;
        }
    }

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    March 10, 2023 at 13:30

    That’s perfect but why its not centered perfectly the more toggle out of the screen(https://ibb.co/k34F9Gs),
    And when the my account and more toggle active the background not change like the others
    and how i can to do it like this with css?:
    https://ibb.co/wyQs94m

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 10, 2023 at 14:01

    Hello, LambdaSP,

    We do not see the problem, you can check our demos and will get the same. For example – https://xstore.8theme.com/elementor/demos/niche-market02/ The more toggle is out of the screen because there are a lot of items in the mobile panel, so the scroll panel appears, which is correct in such cases.

    My Account – https://prnt.sc/VTPiKIgHIz3L , More toggle – is not a page.

    https://ibb.co/wyQs94m – sorry, but this example is not from our demo and additional customization is beyond the scope of our basic support – https://xstore.helpscoutdocs.com/article/25-support . You can hire a developer to customize the content of the site to meet your needs.

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    March 17, 2023 at 15:57

    Why when i click on the compare bottom button its mark also the my account in background?
    https://ibb.co/6n0jXVx

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 17, 2023 at 16:21

    Hello, LambdaSP,

    Here is URL of the Compare page https://prnt.sc/pcQOjDj1MqOL it means this page is dynamic basically on Account page. You can create a new page > add [xstore_compare_page] shortcode and select this page here https://prnt.sc/T-Jn79qjX-Qi

    Kind Regards,
    8theme team

  • 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.