Remove header from mobile.

Hi,

Maybe you can configure the plugin you are using to stop displaying on mobile, through a setting. If you could provide a link to your website, I will inspect it and try to give you a solution for this situation, if possible.

Thanks

Hi,

You can try this code to hide the menu on mobile – https://www.screencast.com/t/bvyBdzLL5JnC
The code must be entered in Theme panel->Custom Css

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full {
display: none;
}}

Please provide more details about what other changes you would like to make to this menu, so I may give you a a more accurate answer. Right now I see that you are using Header style 8, and a stretch property on the header menu.

Thanks

Hi,

Please check any custom code you might have added in theme panel or directly to the theme files, regarding the page container or structure. Also check if you might have entered margins or padding for the rows that you are using in the page – https://www.screencast.com/t/nBkH2TJl9Z6 and modify or remove them.
If you are using a child theme, please try and switch to the main theme and check if this fixes this issue.
At last this could also be caused by problematic plugins, you could try as a test to disable them all except Visual composer and clear any caching installed. These steps should fix this problem, or at least help identify why this is happening.
I do not know exactly how that menu plugin works, or what options it has. You can use it for the menu, or use the default theme options and settings. You can create different styles of mega menus for example
– https://forum.tagdiv.com/mega-menu/

Thanks