Header Menu Not Responsive
-
I am new to using WordPress and to managing websites. I am using the OceanWP theme and I have a transparent header with the main menu and website title. There is no logo, top bar, or social links.
The problem is that the header does not work when viewed on mobile. Firstly, the “Menu” dropdown that replaces the main menu does nothing when you click/tap on it (the link it tries to direct you to is mcmyersfilm.org/#). Secondly, in mobile view the header takes up more room than normal as the words are “squished” and pushed onto multiple lines; however, the rest of the page (page title, body, etc.) does NOT subsequently move down to accommodate the thicker header, so you cannot see the page title at all, nor can you see the first line of body text “Newest Articles.”
Does anyone know how I could fix this?
Extra info: I have the Sticky Menu (or Anything!) plugin to make the header sticky, but I disabled the sticky function for mobile. Even when sticky is not disabled for mobile, the same problems are present. The plugin is running in Legacy Mode and Dynamic Mode. It clones the header and sticks it to the top of the page only AFTER the visitor scrolls down.
The page I need help with: [log in to see the link]
- The topic ‘Header Menu Not Responsive’ is closed to new replies.