Support Forums

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

Your Time: Our Time:

The price is transferred to the second line in addition to the price list

Featured Lock Resolved Bug
In mobile form, if the price does not fit, then there is a transfer to the second line. Please correct to reduce the distance to the name, and did not transfer the price. Thanks.

ipTNIuaDrr.png

Attachments (1)

  • ipTNIuaDrr.png
    ipTNIuaDrr.png 31.7 KB

17 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Please share your site URL to check the issue.

-Thanks

Gian Luca

More than a month ago #Permalink
Hi there,

Thanks for your query. Please share your site URL to check the issue.

-Thanks


Sent in PM

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Whats the device size and which page occurred the problem?

-Thanks

Gian Luca

More than a month ago #Permalink
Hi there,

Whats the device size and which page occurred the problem?

-Thanks


On the main page in the basement. The screen size is 480px

Toufiq - Staff

More than a month ago #Permalink
Hi there,

I have checked with the 480px. But, no problem found.

http://prntscr.com/nlwcrl

-Thanks

Gian Luca

More than a month ago #Permalink
Hi there,

I have checked with the 480px. But, no problem found.

http://prntscr.com/nlwcrl

-Thanks


footer

SLuYebsEf9.png

Attachments (1)

  • SLuYebsEf9.png
    SLuYebsEf9.png 16.1 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks

Gian Luca

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks


This is a local solution. And to make it work out of the box? Can you make some changes?

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks


This is a local solution. And to make it work out of the box? Can you make some changes?


Hi there, What do you want exactly? Please share a screenshot. Thanks

Gian Luca

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks


This is a local solution. And to make it work out of the box? Can you make some changes?


Hi there, What do you want exactly? Please share a screenshot. Thanks


To be able to adjust the price indentation. If it does not automatically adjust depending on the length of the price.

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks


This is a local solution. And to make it work out of the box? Can you make some changes?


Hi there, What do you want exactly? Please share a screenshot. Thanks


To be able to adjust the price indentation. If it does not automatically adjust depending on the length of the price.


Hi there, Still now do you have the problem? Please let me know. Thanks

Gian Luca

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks


This is a local solution. And to make it work out of the box? Can you make some changes?


Hi there, What do you want exactly? Please share a screenshot. Thanks


To be able to adjust the price indentation. If it does not automatically adjust depending on the length of the price.


Hi there, Still now do you have the problem? Please let me know. Thanks


The local solution is not suitable. In the future, users will also have problems with this indentation. Is it possible to make this indentation automatic by default? So that the length of the price does not affect the transfer. Thanks.

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


.pricelist-line {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 5px 0 10px;
}


-Thanks


This is a local solution. And to make it work out of the box? Can you make some changes?


Hi there, What do you want exactly? Please share a screenshot. Thanks


To be able to adjust the price indentation. If it does not automatically adjust depending on the length of the price.


Hi there, Still now do you have the problem? Please let me know. Thanks


The local solution is not suitable. In the future, users will also have problems with this indentation. Is it possible to make this indentation automatic by default? So that the length of the price does not affect the transfer. Thanks.


Hi there, We will try to fix it next update. Thanks

Gian Luca

More than a month ago #Permalink
Hi there, We will try to fix it next update. Thanks


Thank You, Toufiq

Toufiq - Staff

More than a month ago #Permalink
Hi there, We will try to fix it next update. Thanks


Thank You, Toufiq


Hi there, You are most welcome & Thanks. Please close the forum post. Thanks

Gian Luca

More than a month ago #Permalink
Hi there, We will try to fix it next update. Thanks


Thank You, Toufiq


Hi there, You are most welcome & Thanks. Please close the forum post. Thanks


The problem is in the dash.

If the dash is to put a tilde ~, the text is not wrapped onto a second line.

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Not clear your query. Please clarify & share a screenshot.

-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 96
Toufiq

Toufiq

Total Accepted Answers: 89
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2

115

Templates

295767

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

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us