Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Text Box Responsive left side

Featured Lock Resolved Issue
Hello,
I use a text box as a title of an product site.
It is one the left side. The problem is that on smaler desktop the text-box is not diplayed full.
I want that the text box shift into the right side if the screen gets smaler.
If you answer me i can send you the url as an pm
Regards Rico

26 Answers

Toufiq - Staff

More than a month ago #Permalink
Thats perfect how you did that?


Hi, Thanks for your reply. At first copied your existing row & i have delete left two column. Then i have write a css float right.

Note: I didn't your row. You can check your page from admin panel

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks
Toufiq wrote:

Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks
Toufiq wrote:

Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks

Attachments (1)

  • Problem_textbox.PNG
    Problem_textbox.PNG 324.8 KB
Toufiq wrote:

Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks

Attachments (1)

  • Problem_textbox.PNG
    Problem_textbox.PNG 324.8 KB
Toufiq wrote:

Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks

Attachments (1)

  • Problem_textbox.PNG
    Problem_textbox.PNG 324.8 KB
Toufiq wrote:

Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks

Attachments (1)

  • Problem_textbox.PNG
    Problem_textbox.PNG 324.8 KB

Toufiq - Staff

More than a month ago #Permalink
AAT Alber Antriebstechnik GmbH wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please share a screenshot that you want to do exactly. Besides, please share your site url.

-Thanks


Hi, I have got your pm. Please let me know which page exactly & send me administrator info via pm. Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your pm. I have checked your site sp page builder layout. You have added a custom css class (spaltenlayout) & you have added padding right. That's why occurred this problem in mobile device.

-Thanks
in this case there is no css class spaltenlyout and no padding or can you take a screenshot please
It's the first text box on the left side

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Which part has problem? Please assist me.

-Thanks

Attachments (1)

  • CAMILINO.png
    CAMILINO.png 804.8 KB
My problem is not on mobile devices its on 19'' just make your screen smaler and look at the Text Camilino on this page.

Attachments (1)

  • TextBox.PNG
    TextBox.PNG 1011.9 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Please check now i have added this css code inside template custom code > css box.


@media only screen and (max-width : 997px) {
.sppb-section.sp-hidep .sppb-col-sm-4:first-child {
display: none;
}
}


-Thanks
Yes its better, but the problem is still there. If I put the Text Box on the left side it works put on the right
the Text Box don't move if the screen gets smaler. The Text Box get cut off and i want that the Text Box move like on the right side is a border or something. Is that possible?
But still thanks
Regards Rico

Toufiq - Staff

More than a month ago #Permalink
Hi, Please upload a screenshot. Thanks
i already uploaded a screenshot previous you can look take a look at the site an make the screen smaler

Toufiq - Staff

More than a month ago #Permalink
Hi,

I would request to you that, please check this screenshot.

https://www.dropbox.com/s/wyhkmx75c6iiq5t/Screenshot%202017-01-02%2018.12.47.png?dl=0

-Thanks
Hi,
thats good but on bigger devices the text gets cut off so how can i do that the Text Box move if the screen gets smaler
Regards Rico

Attachments (1)

  • Textbox.PNG
    Textbox.PNG 865.5 KB
So whats up?
Hi,

I would request to you that, please check this screenshot.

https://www.dropbox.com/s/wyhkmx75c6iiq5t/Screenshot%202017-01-02%2018.12.47.png?dl=0

-Thanks

So whats up?

Toufiq - Staff

More than a month ago #Permalink
Hi,

I would request to you that, please check this screenshot.

https://www.dropbox.com/s/wyhkmx75c6iiq5t/Screenshot%202017-01-02%2018.12.47.png?dl=0

-Thanks

So whats up?


Hi, Thanks for your reply. That you want to do, please upload an screenshot. Previous you said, text overlap right side. Now what happen i don't understand. Please help me. Thanks
Hey,
i have taken a video where you can see the problem http://www.megafileupload.com/p1vO/2017-01-11_21-03-16.mp4

Toufiq - Staff

More than a month ago #Permalink
Hey,
i have taken a video where you can see the problem http://www.megafileupload.com/p1vO/2017-01-11_21-03-16.mp4


Hi,

Thanks for your reply. Please check now & let me know. Thanks
Thats perfect how you did that?


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 99
Toufiq

Toufiq

Total Accepted Answers: 55
Shibbir

Shibbir

Total Accepted Answers: 40
Towfiq Omi

Towfiq Omi

Total Accepted Answers: 19
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 9

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam