Send button full width on mobile

hi, im using sydney theme and Contact Form 7 for contact forms and my question is: is there way to stretch my send button only on mobile devices to be full width.

my page is www.mogli.ga

Hello,

Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

@media (max-width: 780px) {
    .wpcf7-form-control.wpcf7-submit {
        width: 100%;
        max-width: 397px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Like a charm.
Tnx man

Another question,
on mobile view when i tap on my hamb menu, the dropdown menu covers my logo and hamb menu and that is not looking so good. Any code for that?

Hello,

Please try to use this CSS code as well:

#mainnav-mobi {
    top: 50px !important;
}

Kind Regards, Roman.

Tnx, it worked.

Another questions:

  1. when on my mobile view my cta button is smaller than desktop one but i want it to be the same size on mobile as on desktop.

2.on mobile as well, how to increase spacing between navigation bar and headline text,on my page it is to small

  1. on mobile and on desktop, on my services section i cant find out how to put cta button learn more closer to its description text. on mobile it looks like it is closer to image below than its description text above.

www.mogli.ga

Hello,

Please create a separate topic for each of your issues to keep forum in good order and make it easier to help you.

Kind Regards, Roman.