Return to previous page

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

This topic has 12 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Rose Tyler

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

#349255 Copied Theme version: 9

11 Answers

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

#349326 Copied

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

#349332 Copied
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
#349436 Copied
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.

#349508 Copied
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.
#349553 Copied
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

#349566 Copied
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
#349587 Copied
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

#349589 Copied

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://www.8theme.com/documentation/xstore/support/support/ . You can hire a developer to customize the content of the site to meet your needs.

Kind Regards,
8theme team

#349592 Copied

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

#350377 Copied

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

#350382 Copied
Tagged: bottom, center text, icons, mobile panel, templates, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)