Mobile Column Order & Sticky Column

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Error in the background on your phone (mobile).

4 years 3 months ago #1

  • rywin's Avatar
  • rywin
  • Posts: 30
In the mobile version of the site I have no background in the form.

I give two examples:
pangea-logistics.com/pl-pl/formularz-zapytania-ofertowego
marketing-it.pl

Help
Attachments:

4 years 3 months ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15437
Hello,


you need to add custom css code:
.com-baforms .ba-form > div { 
	position: relative;
    overflow: hidden;
}

but on the page marketing-it.pl could not be verified, because the 403 error

Regards,
Vyacheslav, Balbooa.com

4 years 3 months ago #3

  • rywin's Avatar
  • rywin
  • Posts: 30
where the custom code insert?

4 years 3 months ago #4

  • rywin's Avatar
  • rywin
  • Posts: 30
Another problem is that you can not see the selection.
Attachments:

4 years 3 months ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15437
You need to add at the custom css file your template

Regards,
Vyacheslav, Balbooa.com

4 years 3 months ago #6

  • rywin's Avatar
  • rywin
  • Posts: 30
is ok, but in the form of a popup does not work.

4 years 3 months ago #7

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15437
Hello,

Send a link to a page with a form in popap

Regards,
Vyacheslav, Balbooa.com

4 years 2 months ago #8

  • rywin's Avatar
  • rywin
  • Posts: 30

4 years 2 months ago #9

  • rywin's Avatar
  • rywin
  • Posts: 30
Yet fault with icons. See the picture.
Attachments:

4 years 2 months ago #10

  • Artem's Avatar
  • Artem
  • Posts: 9017
Hello,

Try to update your Forms to latest version, this problem was fixed.

Also we can't visit your website



Regards,

4 years 2 months ago #11

  • rywin's Avatar
  • rywin
  • Posts: 30
check now.
Firewall :)

4 years 2 months ago #12

  • Artem's Avatar
  • Artem
  • Posts: 9017
Add this code into your template custom.css file
.icons-cell {
    height: -webkit-calc(100% - 1px) !important;
    height: calc(100% - 1px) !important;
}

.container-icon br {
 display: none;
}

Regards,

4 years 2 months ago #13

  • rywin's Avatar
  • rywin
  • Posts: 30
The icons are fixed.
But with the background on the phone I still have a problem.

See my file.
@media (max-width: 767px) {
.com-baforms .ba-form > div { 
	position: relative;
    overflow: hidden;
}
}

@media (max-width: 992px) {
.com-baforms .ba-form > div { 
	position: relative;
    overflow: hidden;
}
}

@media (max-width: 1920px) {
.com-baforms .ba-form > div { 
	position: relative;
    overflow: hidden;
}
}

@media (max-width: 767px) {
.icons-cell {
    height: -webkit-calc(100% - 1px) !important;
    height: calc(100% - 1px) !important;
}

.container-icon br {
 display: none;
}
}

@media (max-width: 992px) {
.icons-cell {
    height: -webkit-calc(100% - 1px) !important;
    height: calc(100% - 1px) !important;
}

.container-icon br {
 display: none;
}
}

@media (max-width: 1920px) {
.icons-cell {
    height: -webkit-calc(100% - 1px) !important;
    height: calc(100% - 1px) !important;
}

.container-icon br {
 display: none;
}
}


/* LOGO */ 
   .logo {
        min-width: 80px;
        text-align: center;
        padding-right: 11px;
    }
    .logo-image {
        width: auto;
    }
    .logo-image a {
        vertical-align: middle;
    }
/* logo koniec */



/* kontakt top WYLACZONY*/
.head-cart {
  border-left: 1px solid #333333;
  height: 120px;
  line-height: 21px;
  float: right;
  text-align: left;
  position: relative;
  width: 199px;
  -webkit-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
@media (max-width: 767px) {
  .head-cart {
    position: static;
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
  div.head-offcanvas + .head-cart div.dropdown-menu {
    margin-right: -80px;
  }
}
.affix .head-cart {
  height: 90px;
  width: 190px;
  line-height: 21px;
}
/* kontakt top KONIEC */



/* przesuniecie menu miedzy logiem, a kontaktem TP */
@media (min-width: 1200px) {
  .col-lg-7 {
    float: left;
  }
.col-lg-7 {
    width: 56.333%;
}
/* przesuniecie menu miedzy logiem, a kontaktem TP, KONIEC */


div.languageswitcherload .dropdown.mod-languages {
    height: 55px;
    overflow: hidden;
    position: relative;
    transition: all 300ms ease 0s;
    width: 60px;
}



/* fb i flaga na śrdoku */
div.languageswitcherload {
    float: left;
    padding-top: 24px;
}
/* fb i flaga na śrdoku KONIEC*/












4 years 2 months ago #14

  • Artem's Avatar
  • Artem
  • Posts: 9017
Also you need to add this code to fix problem with bg

Vyacheslav wrote:
.com-baforms .ba-form > div { 
    position: relative;
    overflow: hidden;
}

Regards,

4 years 2 months ago #15

  • rywin's Avatar
  • rywin
  • Posts: 30
The code I added. But there is no difference.
Attachments:

4 years 2 months ago #16

  • Artem's Avatar
  • Artem
  • Posts: 9017
try this
.ba-form > div {
     position:relative !important;
     overflow: hidden !important;
}

4 years 2 months ago #17

  • rywin's Avatar
  • rywin
  • Posts: 30
it's ok
Powered by Kunena Forum