problem of component (css)

Hello,
in the topic
https://xtemos.com/forums/topic/problem-of-component-in-responsive/
Aizaz advised to change css, but it influenced on other component.
see attachment

how to change location of only first component?
thx

Attachments:

You must be logged in to view attached files.

Hello,

I visited the URL you provided. The Website is working absolutely fine on the mobile view. Please clear cache and check back.

Video for Clarification: https://gofile.io/?c=FEFu8g

Otherwise please share some relevant screenshots of the particular section you want to change the position to check it myself and help you out accordingly.

Best Regards.

I provided already screenshot.

1. I intend only to desktop version.

2. Second component moved to right as you see on printscreen, because of padding-left.

now you understand?

Hello,

I have fixed the issue on your website. And it’s working absolutely fine on my end. Please clear the cache and check back.

Screenshot for Clarification: https://www.screencast.com/t/IOBqXzmfs

I have added padding-right of 300px to the second title module.

Screenshot for Clarification: https://www.screencast.com/t/9l9CiwC2U

Best Regards.

thank you

>> I have added padding-right of 300px
not good solution. now problem in responsive version

Hello,

I have fixed the issue on both mobile and desktop now it’s working absolutely fine on my end. Please clear cache and check back.

Screenshots for Clarification: https://www.screencast.com/t/tqlea3hlE
https://www.screencast.com/t/cAeOkfvH

I have assigned the second title element a class “.mov”.

And added the following Custom CSS in Custom CSS for Desktop from Theme Settings >> Custom CSS.

.mov {
padding-right: 300px;
}

Best Regards.

ok, thx

Most Welcome!!..

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts