[simonm_]

Hey guys,

That worked, much happier with how it looks now. Thanks for all you help, much appreciated!

Simon.

[simonm_]

Hi Ed,

A fix to make the labels show above the inputs would be great. Thanks for your help!

Simon.

[simonm_]

Thanks Rui,

Does that mean it could potentially be addressed in a future update?

[simonm_]

(continued…)

I should add that the drop down is fully responsive when I haven’t tried to adjust the width using CSS – the left border is just always lined up to the outer edge of the form rather than the top of the select2 bar.

[simonm_]

Hi Rui,

Thanks, just tried that code but it only works with one screen width. As soon as I widen or shrink the screen size, the drop down line-up is all thrown out again. It really seems to be a responsive issue to me?

I also just tried it with another browser and had the same issue.

By default, the left border of the drop down seems to be exactly in line with the left border of the entire billing form, rather than the choice bar of the select2 form (see screenshot in original post). Could that mean anything?

Thanks again,

Simon.

[simonm_]

Hi Mohammad,

Yes, it is.

[simonm_]

Thanks again Mohammad,

I’ve tested the dropdown with the Twenty Fifteen theme and had no issues, the form worked perfectly.
I also deleted all custom CSS and disabled all plugins but in these cases, the issue remained.
Is it still likely to be a woocommerce issue?

[simonm_]

Hi Mohammad,

Thanks for the code, but unfortunately I’m still running into the same problem. Although I can line up the border lines by adjusting the widths etc, as soon as I change the width of my browser, the drop down form only shifts a little and mostly just stays where it is on the screen as the rest of the form responds to the changing width (see screenshot). It even begins to disappear off the side of the screen. In mobile mode something weird happens and the drop down is shoved all the way to the bottom of the screen. Any ideas? Thanks!

Attachments:

You must be logged in to view attached files.

[simonm_]

Hi Mohammad,

That’s worked perfectly. Thanks!

Simon

[simonm_]

Thanks Laranz.

I’m using the first header option (screenshot attached) but I wanted the nav menu to be centred rather than on the left so I used that custom CSS.

Attachments:

You must be logged in to view attached files.