Return to previous page

Fix some layout issue with mobile edition

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

ahmed saleh

Participant

May 29, 2023 at 11:58

hello dear

i need help with mobile version

i have this default color that i need to remove it as shown in link below

https://prnt.sc/AtpUHg83tF1w

also the layout allgiment is not correct i need it to be in middle as shown in link below

https://prnt.sc/fUoV6B13huNI

#357960 Copied Theme version: 9.1.4 WooCommerce version: 6.2

13 Answers

Rose Tyler

Support staff

May 29, 2023 at 12:28

Hello Ahmed Saleh,

Thank you for contacting us and for using XStore.

1/ Edit the Home page using Elementor and change the color here – https://prnt.sc/xCqfTCB12uN0

2/ Please provide URL of page with the problem.

Kind Regards,
8theme team

#357965 Copied

ahmed saleh

Participant

May 29, 2023 at 12:34

shop
product page

both phone and desktop
https://topharmacy.store/shop
https://topharmacy.store/product/topharmacy-hair-serum

#357968 Copied
Rose Tyler

Support staff

May 29, 2023 at 14:07
Hello Ahmed Saleh,

https://prnt.sc/CZuo7vMErzMK
So we changed custom CSS code on your site from:
```
        .content-page, .page-heading .container {
                max-width: calc(100% - 30px);
                padding-top: 15px;
                padding-bottom: 15px;
        }
```
to
```
.content-page, .page-heading .container {
                max-width: 100%;
                padding: 15px;
        }
```
The result is next:
https://prnt.sc/GMbDu4wGBNVX

Kind Regards,
8theme team
#357992 Copied
ahmed saleh

Participant

May 29, 2023 at 15:10

where to inject ?
itried custome css but still the same

#358001 Copied

Rose Tyler

Support staff

May 29, 2023 at 15:25

Hello Ahmed Saleh,

We already changed the custom CSS code, as mentioned in the previous reply.
You just need to clear the cache of your browser and check the result.

Kind Regards,
8theme team

#358003 Copied

ahmed saleh

Participant

May 29, 2023 at 15:30

website not worrking now

#358005 Copied

Rose Tyler

Support staff

May 29, 2023 at 15:34

Hello Ahmed Saleh,

It worked when we edited the custom CSS, and our changes can’t cause this problem.
Have you do any changes after that? Maybe installed a plugin or edit files?
If you do not remember, contact your hosting provider and ask for help with the “took too long to respond” problem.

Kind Regards,
8theme team

#358006 Copied

ahmed saleh

Participant

May 29, 2023 at 15:38

ok i will check

#358007 Copied

Rose Tyler

Support staff

May 30, 2023 at 07:19

Hello Ahmed Saleh,

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#358052 Copied

ahmed saleh

Participant

May 30, 2023 at 08:11

hello dear
could you take a look at code again its the same

#358067 Copied

Rose Tyler

Support staff

May 30, 2023 at 12:30

Hello Ahmed Saleh,

You had some custom CSS added via Yellow pencil plugin → https://prnt.sc/7KFVrTMQh9Qu . Now we removed that custom please, check → https://prnt.sc/hHL3HgajnwKt

Single product looks ok now → https://prnt.sc/vMheNoCnqjAa

In case you have any other questions, please describe the problem by adding screenshots and videos.

Please note that we are not responsible for custom coding you added via Yellow pencil plugin.

Kind Regards,
8theme team

#358155 Copied

ahmed saleh

Participant

May 30, 2023 at 12:35

thanks alot
done

#358157 Copied

Rose Tyler

Support staff

May 30, 2023 at 12:37

Hello Ahmed Saleh,

You’re welcome!

Kind Regards,
8theme team

#358159 Copied
Tagged: layout issue, mobile edition, themes, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)