elementor / elementor/elementor

🐞 Sticky header for "mobile portrait" also shows in landscape orientation

Open
#23,575 9 comments 0 reactions 0 assignees View on GitHub
mod* mod/b* mod/e* product/pro site-settings/additional-breakpoints type/experiment type/layout type/responsive widget/settings/pro/motion-effects/sticky
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
- [ ] The issue still exists against the latest stable version of Elementor.

### Description

When the header / advanced / motions effects / "sticky on" is set for "mobile portrait", the header should only be sticky when the phone is in portrait (tall) orientation. However, it is showing as sticky in landscape (wide) orientation as well, which makes it very hard to read if you have any significant navigation in your header at all (takes up far too much space).

Can replicate on Safari iOS and Chrome on Android 14 when viewing https://gregbenzphotography.com/hdr/

### Steps to reproduce

View https://gregbenzphotography.com/hdr/ on a mobile phone in landscape orientation. The top navigation should not be sticky, but remains even when scrolling down the page.

### Isolating the problem

- [ ] This bug happens with only Elementor plugin active (and Elementor Pro).
- [ ] This bug happens with a Blank WordPress theme active ([Hello theme](https://wordpress.org/themes/hello-elementor/)).
- [ ] I can reproduce this bug consistently following the steps above.

### System Info

Click to reveal

````txt

== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: Source distribution v5.7.39-42
PHP Version: 7.4.33
PHP Memory Limit: 768M
PHP Max Input Vars: 3000
PHP Max Post Size: 256M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.3.1
Site URL:
Home URL:
WP Multisite: No
Max Upload Size: 256 MB
Memory limit: 256M
Max Memory limit: 768M
Permalink Structure: /%category%/%postname%/
Language: en-US
Timezone:
Admin Email:
Debug Mode: Active

== Theme ==
Name: Hello Elementor
Version: 2.8.1
Author: Elementor Team
Child Theme: No

== User ==
Role: administrator
WP Profile lang: en_US
User Agent:

== Active Plugins ==
Elementor
Version: 3.15.3
Author: Elementor.com

Elementor Pro
Version: 3.15.1
Author: Elementor.com

== Must-Use Plugins ==
Elementor Safe Mode
Version: 1.0.0
Author: Elementor.com

Health Check Troubleshooting Mode
Version: 1.8.0
Author:

== Elements Usage ==

archive : 1
heading : 1
image : 2
posts : 1
text-editor : 1
wp-widget-custom_html : 1
footer : 1
social-icons : 1
text-editor : 1
header : 1
nav-menu : 1
theme-site-title : 1
widget : 0
uael-ba-slider : 1
wp-post : 2
container : 1
image : 1
uael-ba-slider : 1
wp-page : 16
button : 11
container : 3
form : 1
heading : 51
html : 1
icon : 1
image : 11
image-gallery : 2
menu-anchor : 6
post-comments : 1
text-editor : 43
uael-ba-slider : 26
video : 2
single-post : 1
divider : 2
heading : 1
image : 2
post-comments : 1
post-info : 1
post-navigation : 1
text-editor : 1
theme-post-content : 1
theme-post-title : 1
wp-widget-custom_html : 1
single-page : 2
heading : 1
image : 2
post-comments : 2
text-editor : 1
theme-post-content : 2
theme-post-title : 2
wp-widget-custom_html : 1

== Settings ==

cpt_support: post, page
disable_color_schemes: yes
disable_typography_schemes: yes
allow_tracking: yes

== Features ==
Custom Fonts: 0
Custom Icons: 0

== Integrations ==

recaptcha_v3: Active

== Elementor Experiments ==
Optimized DOM Output: Active by default
Improved Asset Loading: Active by default
Improved CSS Loading: Inactive by default
Inline Font Icons: Inactive by default
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Active
Upgrade Swiper Library: Inactive by default
Grid Container: Inactive by default
Default to New Theme Builder: Active by default
Hello Theme Header & Footer: Inactive by default
Editor Top Bar: Inactive by default
Landing Pages: Active by default
Nested Elements: Inactive by default
Lazy Load Background Images: Inactive by default
Global Style Guide: Inactive by default
Page Transitions: Active by default
Notes: Active by default
Loop: Active by default
Form Submissions: Active by default
Scroll Snap: Active by default
Menu: Inactive by default
Taxonomy Filter: Inactive by default

== Log ==

== Elementor - Compatibility Tag ==

Elementor Pro: Compatible

== Elementor Pro - Compatibility Tag ==

````

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.