-
Posts
-
Hi,
In mobile version of my website (only vertical view on smartphone) I have problem with button.
Button is not centred, it’s slightly on the right:I found that there is padding added to element:
element.style {
padding: 0px 100px 0px 100px;
border-radius: 0px;
}and I tried to delete it but I can’t find proper class and replace code.
<div class=”flex_column av_one_full flex_column_div first avia-builder-el-63 el_after_av_one_full avia-builder-el-last column-top-margin” style=”padding:0px 100px 0px 100px ; border-radius:0px; “>
<div class=”avia-button-wrap avia-button-center avia-builder-el-64 avia-builder-el-no-sibling “>
<span class=”avia_iconbox_title”>ZŁÓŻ ZAMÓWIENIE</span></div></div>I used:
@media only screen and (max-width: 767px)
.avia-button-wrap .avia-button-center {
padding: 0px 0px 0px 0px;
}But it doesn’t work.
Could you help me?Hey andrzejkozdeba,
Can you please provide a link to the site, and admin info just in case I need to take a further look.
Best regards,
Jordan ShannonHi,
Try adding this to quick css:
@media only screen and (max-width: 767px){
.flex_column.av_one_full.flex_column_div.first.avia-builder-el-63.el_after_av_one_full.via-builder-el-last.column-top-margin{
padding:0px !important;
}
}Let me know if this works for you!
Best regards,
Jordan ShannonUnfortunatelly it doesn’t work.
I pasted it in version that you’ve sent and I also tried with spaces between clacsses.
:(Hi,
I changed the width to 667 and adjusted the block to the top of the quick css field. It seems to be working now.
Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.