I can't figure out how to change the size of my dropdown menu in my Nav Menu ... It appears the same width as my header section with is full width.
I've tried changing the settings in the Nav Menu > Style > Dropdown.
I also don't know if it's normal that the mega menu settings in Appearance > Menu is at minimum 2 columns : I would only like 1.
I've link a screen of what I have right now and also the type of dropdown menu I would like to achive, displayed in one of the demo of the theme I bought.
Thanks a lot for your help. It's my first time working on a wordpress website so I might be struggling with easy things for people used to it :).
At the style tab of the Nav-menu element, you have the options to stylize the drop-down menu, so of course, there's an option to set the width of the drop-down, please check the attached screenshot.
I tried different settings in that style tab but it's not working. Whatever width I set for my dropdown menu, the size still remains full width when previewing my website ...
I have another problem you might be able to help with ?
I created a page for my website on which I set up a contact form with the Contact Form 7 plugin.
The problem I have is the display of the messages to warn the visitor about an error or a confirmation that the message has been sent. I attached pictures of the problem.
I'd like to remove the frame (the frame is green for a confirmation message and red for an error message, or when the visitor has not entered the captcha).
I would also like the captcha related message not to overlap the captcha box itself.
I am very sorry for the late reply, we were not working at the weekend.
To customize the contact form, I've added the following code at Appearance > Customize > Additional CSS, I've also added some padding between ReCaptcha and for buttons, if you don't want to have that space you can remove that part of the code.
Yes, of course, I've added the following code at Appearance > Customize > Additional CSS, to add some padding on the div where is the ReCaptcha button displaying, and it will generate some space between the button and the message.
/* reCAPTCHA div padding */
.wpcf7-form-control-wrap div {
padding-bottom: 24px;
}
I've updated the code that I've added before at Appearance > Customize > Additional CSS, can you please check the form now and tell me if it's alright.
I've updated the code that I've added before, can you please check the form now, and if there's anything else that needs to be fixed please let me know.
Hi again !
I can't figure out how to change the size of my dropdown menu in my Nav Menu ... It appears the same width as my header section with is full width.
I've tried changing the settings in the Nav Menu > Style > Dropdown.
I also don't know if it's normal that the mega menu settings in Appearance > Menu is at minimum 2 columns : I would only like 1.
I've link a screen of what I have right now and also the type of dropdown menu I would like to achive, displayed in one of the demo of the theme I bought.
Thanks a lot for your help. It's my first time working on a wordpress website so I might be struggling with easy things for people used to it :).
- Audrey
Hi Audrey,
At the style tab of the Nav-menu element, you have the options to stylize the drop-down menu, so of course, there's an option to set the width of the drop-down, please check the attached screenshot.
- https://prnt.sc/wjbrcv
Feel free to ask for anything you need.
Kind Regards
Hello !
Thank you for replying.
I tried different settings in that style tab but it's not working. Whatever width I set for my dropdown menu, the size still remains full width when previewing my website ...
Thanks for helping !
Hi Audrey,
Can you please provide me with your wp-admin, I will have a quick look to see what's going on.
Feel free to ask for anything you need.
Kind Regards
Hi Audrey,
I am sorry for the late reply,
Can you please add the following code and remove the one that I've sent you before.
.m-nav-menu--holder .m-nav-menu--horizontal li.menu-item-has-children .m-mega-menu ul.m-mega-menu-holder { width: 200px !important; left: 0 !important; position: relative !important; }Feel free to ask for anything you need.
Kind Regards
Hi !
Thank you a lot for the help ! It is now working perfectly fine !!
Can't thank you enough for the patience. So happy my problem is finally solved.
I have another problem you might be able to help with ?
I created a page for my website on which I set up a contact form with the Contact Form 7 plugin.
The problem I have is the display of the messages to warn the visitor about an error or a confirmation that the message has been sent. I attached pictures of the problem.
I'd like to remove the frame (the frame is green for a confirmation message and red for an error message, or when the visitor has not entered the captcha).
I would also like the captcha related message not to overlap the captcha box itself.
Thank you so much for your help.
Hi,
I am very sorry for the late reply, we were not working at the weekend.
To customize the contact form, I've added the following code at Appearance > Customize > Additional CSS, I've also added some padding between ReCaptcha and for buttons, if you don't want to have that space you can remove that part of the code.
/* reCAPTCHA message */ .wpcf7-form-control-wrap span..wpcf7-not-valid-tip { height: 40px; position: absolute; top: 160px; padding-top: 20px; z-index: 1 !important; } /* reCAPTCHA button padding(remove) */ .wpcf7-form-control-wrap { padding: 50px 0px; } /* From sent & error messages border */ .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { border: none !important; }Feel free to ask for anything you need.
Kind Regards
Hello !
Thank you so much for the help.
The CSS code you added definitely improved the display of everything below my contact form !
Do you think it would be possible to add a bit more spacing between the reCAPTCHA button and its error message ?
Thanks again a lot.
Hi,
Yes, of course, I've added the following code at Appearance > Customize > Additional CSS, to add some padding on the div where is the ReCaptcha button displaying, and it will generate some space between the button and the message.
/* reCAPTCHA div padding */ .wpcf7-form-control-wrap div { padding-bottom: 24px; }Feel free to ask for anything you need.
Kind Regards
Hi !
Thank you that looks perfect on my computer.
On my mobile though here is how the messages get displayed.
Is there a way to fix that ?
Thanks again.
Hi,
I've updated the code that I've added before at Appearance > Customize > Additional CSS, can you please check the form now and tell me if it's alright.
Feel free to ask for anything you need.
Kind Regards
Hi !
I've tried from my phone and it is now looking perfect. Small changes that make all the difference.
Thank you a lot for your help, the support team is really good.
You are welcome anytime, feel free to ask for anything you need
If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes
Thank you, I have left a 5 stars review of the product as you provide such good support.
Sorry to bother about that same subject, but I fear that any message related to my contact form might need adjustment in their line height.
Here attached is a screen on my mobile concerning "errors of validation" in the contact form (with orange border).
Is there a way I can be sure any message generated by my contact form is gonna display with a good line height ?
Thanks again.
Hi,
You're welcome anytime
,
I've updated the code that I've added before, can you please check the form now, and if there's anything else that needs to be fixed please let me know.
Feel free to ask for anything you need.
Kind Regards
Hello !
Thank you I think everything is working just fine now.
Thanks a lot again.
Kindest regards, xx
You are welcome anytime, feel free to ask for anything you need
Kind Regards,
NeuronThemes