Separator & text input on contact form off center on mobile - Support

Tagged: centered, format, mobile

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
April 26, 2016 at 6:15 pm #622374

calvary21concepts
Participant

See attached.

Two off center. Centered on desktop, though on mobile android and iphone slightly not centered.

Separator with 3dot icon under the “latest news” line width larger on left than right
Contact form email entry field off to the right 1-2px

listed site under private credentials as not live.

April 26, 2016 at 6:37 pm #622394
Yigit
Keymaster
Hey calvary21concepts!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 480px) {
.responsive .avia_ajax_form .form_element {
    margin-left: 0;
}}
```
Seperators on the other hand, looks centered on my end :/

Cheers!
Yigit
April 26, 2016 at 8:56 pm #622517

calvary21concepts
Participant

Email contact form field is corrected. Centered. :) how do i email or upload attachment of separator off center?

April 27, 2016 at 2:01 am #622635

Yigit
Keymaster

Hi!

You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

Best regards,
Yigit

April 27, 2016 at 3:09 am #622666

calvary21concepts
Participant

https://www.dropbox.com/s/0h77glb96naohqf/off-center-images-mobile.png?dl=0

April 27, 2016 at 1:20 pm #623010
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 480px) {
.home .avia-builder-el-29 .inner-border-av-border-thin {
    width: 38%!important;
}}
```
Cheers!
Yigit
April 27, 2016 at 2:38 pm #623099

calvary21concepts
Participant

Awesome. Last one
Top bar
https://www.dropbox.com/s/k0o5zweupqb7va0/Screenshot_2016-04-27-08-30-18.png?dl=0
social icons offset to right 1-2px and a grey line on right side..(wierd)

last one. awesome support

April 27, 2016 at 2:40 pm #623103
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 480px) {
.av_icon_active_right .social_bookmarks { padding-left: 0 !important; }}
```
That border on the right side is the indicator of scroll bar :)

Regards,
Yigit
- This reply was modified 8 years, 6 months ago by Yigit.
April 27, 2016 at 4:39 pm #623195

calvary21concepts
Participant

alright dude. wierd.
the email notification said:
@media only screen and (max-width: 480px) { .av_icon_active_right .social_bookmarks { padding-right: 0 !important; }}

definitely padding left.

Awesome.
please close as solved.

April 27, 2016 at 10:42 pm #623379

calvary21concepts
Participant

with regards to
@media only screen and (max-width: 480px) {
.home .avia-builder-el-29 .inner-border-av-border-thin {
width: 38%!important;
}}

This only applied to the one element.
The solution for me was to 1. not use odd percentage, creates visible offset in all that were 45%. 2. change each separator with 38%.

cheers
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Separator & text input on contact form off center on mobile’ is closed to new replies.