blario777

[blario777]

Hi,

Thank you for your help again.

For fullscreen (1440px), I would like it to be 180px margin from the right side.

For tablet (768px), I would like it to be 100px margin from the right side.

For mobile landscape (480px), I would like it to be 30px margin from the right side.

For mobile portrait (360px), I would like it to be 20px margin from the right side.

Also, can the “envelope” icon be replaced by a different image?

And can I remove the arrow on the top (the one that was originally on the bottom) of the contact form?

I appreciate your time and support.

[blario777]

Hi Kieran,

Thank you again for your help.

The two pieces of code worked great to adjust the contact form arrow, and it is now visible on all screen dimensions.

However, as the screen dimensions get smaller, the position does not change, making it cover parts of the menu. Can the envelope be added into the menu so that it adapts its position same as the menu?

Or can you keep it separate and specify the position it should hold as the screen dimensions change?

I appreciate your time and effort.

[blario777]

Hi Kieran,

Thank you for getting back to me with your support.

I was able to add css lines, and both items where moved to the top.

Now, I just have 2 additional concerns.

1. Upon clicking on the envelope, the contact form appearing has the arrow still pointed towards the bottom. Can this be changed to point on the top of the form towards the envelope icon?

2. The enevelope (build-in contact form) disappears when viewing the site on mobile dimensions. Tablet dimensions it is still visible, but going below a width of 500px the icon and form is not visible. Anyway to prevent this from happening?

Once again, thank you for your time and help.

[Author]

Posts