“How come the Divi Theme does not offer a Fixed Header for mobile?”

That’s a great question. If you are using the most excellent Divi Theme for WordPress by Elegant Themes, likely you have noticed there is an option to employ a “fixed header” for the desktop version of your site, but not your mobile version. You might ask:

Q. What’s a “fixed header?”
A. Your Navigation Menu stays visible as your site visitors scroll down your page(s).

mighty mouseNever fear, a CSS code snippet is here to save the day! Simply insert the following in your Theme Customizer Additional CSS area and presto – you now have a fixed header for the mobile version of your site:

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;

Enjoy! If you need assistance with this, or any Divi Theme related issue, “Just Call The WordPress Guy!” I am a Divi Theme expert.

Share This