• Hi there,
    I created a custom header in elementor pro that didnt work very well in mobile. I then started playing with the OceanWP custom header settings but found if I used this I still had the issue in mobile.

    I really like the OceanWP mobile header so I wanted to use my custom header and then the OceanWP mobile header in mobile. So I tried setting the menu to minimal and set the menu navigation template as the custom header. Which worked except for the fact that something is controlling the width of this block and as the screen size decreases in width so does the menu while keeping big external margins.

    I badly explain this in this 2 min video https://www.useloom.com/share/c228236aeaaa4d59acc5540cf8cfaad2

    I did figure out how to do the 2 headers in one trick so i can go that way. But would rather use your mobile nav. Plus its driving me insane not being able to figure it out!


    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author oceanwp


    Hello, in the Header > General section of the customizer, is the “Add a container” filed un un-checked?

    Thread Starter mikeallteams


    Hi thanks for the response.

    “Add a container” is not an option on minimal, only for custom header. But if I do a custom header then I cant use OceanWP mobile navigation. So instead I am using my template as the nav component of the Minimal header. But as I said this navigation block is getting compressed by something which I guess is JS as I cant see any divs on the left or right or any padding / margins on the navigation block.

    To explain better https://www.screencast.com/t/wsgzESA4xz

    Theme Author oceanwp


    Hello, is the issue solved? Because on my side, your header looks normal. If you still have the problem, can you send me the page url where you have it?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom header + mobile header’ is closed to new replies.