Tryb

Nvm. After inspecting the page source I found out that I could use the CSS class ‘.woocommerce-shop’ to uniquely identify the page as an alternative to page-id.

The page id is still the same, but for right now I’m happy with this band-aid over the problem. It also may be important to note that my site was built from a demo site.

I think I may have a backup saved with the draft. However, I’m unable to restore my backups currently (I’m working with softacalous support to fix that). Where would the draft data be stored? Maybe I could just copy and paste the file into my current installation.

I have free Elementor so they don’t provide support (to my knowledge)..

Thanks for your reply. The customizer issue seems to be fixed. I did try clearing the cache, but it didn’t do anything.

It fixed itself somehow. I couldn’t tell you how.

Yes, I tried that as well as another computer and it didn’t work. Somehow though, it magically fixed itself.

I went to sleep and it was broken and I woke up and it worked… Dont ask me how, hopefully it doesn’t come back because it was a real pain with no solution in sight.

I tried deactivating all plugins and it didn’t work. Using a new theme (twenty twenty one) doesn’t work.

I duplicated the page, just had to change a few things and it works. Weird issue, but it’s fixed now. Thanks.

• This reply was modified 1 year, 11 months ago by Tryb.

As stated previously, using the twenty-twenty three theme with only that theme and elementor fixes the issue.

I followed your instructions and removed home from the “reading” setting page and replaced it with the contact page. It displays and works fine with the contact page. What is wrong with my homepage then?

I also tried changing the host configuration values and it didn’t fix anything.

I am in touch with elementor page builder. This problem seems to only apply to OceanWP though, as twenty-twenty-three works fine for me.

Here’s a picture of console errors: https://imgur.com/a/OAtlaeV

Another piece of information that may be useful: The only page Elementor doesn’t work on is the homepage. On other pages it views and edits the site just fine. And still, swapping themes “fixes” the issue (but it messes up the layout).

Hello, 

Thank you for getting back to me. As you recommended, I disabled all plugins and added them back individually. The elementor edit does not work even as the only plugin, or with ocean extra.

I don't know what caused this or how you can replicate it. Here is the information code:

wp-core

version: 6.2
site_language: en_US
user_language: en_US
timezone: +00:00
permalink: /%year%/%monthnum%/%day%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true

wp-paths-sizes

wordpress_path: /home/trybjerk/domains/trybjerky.com/public_html
wordpress_size: 61.31 MB (64283054 bytes)
uploads_path: /home/trybjerk/domains/trybjerky.com/public_html/wp-content/uploads
uploads_size: 65.50 MB (68678024 bytes)
themes_path: /home/trybjerk/domains/trybjerky.com/public_html/wp-content/themes
themes_size: 33.46 MB (35083395 bytes)
plugins_path: /home/trybjerk/domains/trybjerky.com/public_html/wp-content/plugins
plugins_size: 143.47 MB (150436296 bytes)
database_size: 16.02 MB (16798152 bytes)
total_size: 319.75 MB (335278921 bytes)

wp-active-theme

name: OceanWP (oceanwp)
version: 3.4.2
author: OceanWP
author_website: https://oceanwp.org/about-oceanwp/
parent_theme: none
theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
theme_path: /home/trybjerk/domains/trybjerky.com/public_html/wp-content/themes/oceanwp
auto_update: Disabled

wp-themes-inactive (3)

Twenty Twenty-One: version: 1.8, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Three: version: 1.1, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Two: version: 1.3, author: the WordPress team (latest version: 1.4), Auto-updates disabled

wp-plugins-active (2)

Elementor: version: 3.12.1, author: Elementor.com, Auto-updates disabled
Ocean Extra: version: 2.1.4, author: OceanWP, Auto-updates disabled

wp-plugins-inactive (11)

ElementsKit Lite: version: 2.8.5, author: Wpmet, Auto-updates disabled
Flexible Shipping: version: 4.20.2, author: Octolize, Auto-updates disabled
Ocean Modal Window: version: 2.0.9, author: OceanWP, Auto-updates disabled
Ocean Product Sharing: version: 2.0.5, author: OceanWP, Auto-updates disabled
Rank Math SEO: version: 1.0.110.2, author: Rank Math, Auto-updates enabled
Really Simple SSL: version: 6.2.3, author: Really Simple Plugins, Auto-updates disabled
Sticky Header OceanWP: version: 1.0.8, author: Oren Hahiashvili, Auto-updates disabled
WooCommerce: version: 7.5.1, author: Automattic, Auto-updates disabled
WooCommerce Payments: version: 5.6.2, author: Automattic, Auto-updates disabled
WooCommerce Stripe Gateway: version: 7.2.0, author: WooCommerce, Auto-updates disabled
WPForms Lite: version: 1.8.1.1, author: WPForms, Auto-updates disabled

wp-media

image_editor: WP_Image_Editor_GD
imagick_module_version: Not available
imagemagick_version: Not available
imagick_version: Not available
file_uploads: File uploads is turned off
post_max_size: 8M
upload_max_filesize: 2M
max_effective_size: 2 MB
max_file_uploads: 20
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: unknown

wp-server

server_architecture: Linux 3.10.0-962.3.2.lve1.5.77.el7.x86_64 x86_64
httpd_software: LiteSpeed
php_version: 7.4.33 64bit
php_sapi: litespeed
max_input_variables: 1000
time_limit: 30
memory_limit: 512M
max_input_time: -1
upload_max_filesize: 2M
php_post_max_size: 8M
curl_version: 7.84.0 OpenSSL/1.1.1d
suhosin: false
imagick_availability: false
pretty_permalinks: true
htaccess_extra_rules: true

wp-database

extension: mysqli
server_version: 10.3.28-MariaDB-cll-lve
client_version: 10.3.37-MariaDB
max_allowed_packet: 268435456
max_connections: 200

wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/trybjerk/domains/trybjerky.com/public_html/wp-content
WP_PLUGIN_DIR: /home/trybjerk/domains/trybjerky.com/public_html/wp-content/plugins
WP_MEMORY_LIMIT: 512M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

I meant to put a post on here, but I didn’t want to celebrate too early. I seem to have fixed it now after spending wayyyyy too much time on it. It’s less of a fix and more of a supersized band-aid but it works for me ig.

It must be something wrong with my specific header that came with the demo site. If anyone has this same issue, here’s the “fix”:

Paste this cs
#site-header {
margin-top: 100px;
}

(you may need this CSS as for me the header overlaps with my content at the top)
#transparent-header-wrap {
margin-bottom: 100px;
}

I also had to put: margin-top: -100px; for .elementor.elementor-17 (to remove white-space at the top of my homepage)

That should do the trick if you just want a header at the top. But if you want a sticky header then download Sticky Header OceanWP plugin. (all other plugins will not work from my experience) This is actually the easier way to do it as you don’t need the first CSS.

Remove the first CSS, somehow works perfectly. Don’t ask me why. I could try to make it a shrinking header, but it’s so sha-nangled that I think it’s smarter to just not touch it.

Case closed I’m out.

Yes, the transparent header is set with OceanWP theme and it was at 0.3 opacity but I’ve changed it to 0 just to be sure.

Yes, as you described, the header is not in elementor. I also do not have Oceanwp pro in case that matters.

I’ve made some progress today. I actually thought I fixed it, but after further inspection, the menu dropdowns are no longer visible.

here is the CSS that I put in.

site-header {
overflow: hidden;
position: sticky;
z-index: 999;
}

.elementor.elementor-17 {
margin-top: -100px;
}

The ‘overflow: hidden’ property fixes the alignment again, but as mentioned, the dropdowns are now hidden as well. Both the ‘discover ^’ and the mobile menu dropdown are hidden.

Without the .elementor.elementor-17 code setting the margin-top to -100px, the top of the page is just white space. IDK why this is the case. Maybe there’s another fix to it. https://snipboard.io/NaP9bc.jpg compared to https://snipboard.io/Rj1CBL.jpg .

I’ve tried setting the site navigation and menu dropdowns etc to be visible with this code but it has no effect even after putting ‘!important’.
.site-navigation {
overflow: visible ‘!important;
}

The white space next to the image should be fixed now.
Do you have any ideas to make the dropdowns show up or other ways to fix the alignment?

It is the transparent header option of the OceanWP theme.

As mentioned, the header doesn’t even show up in Elementor. Which I think might be the stem of the problem. However, the header needs to remain this way to preserve the functionality of the header I already have. So if possible, let’s try to find a solution that works around this aspect.

https://imgur.com/a/RAfQ2db here is a link to the screenshots

I’m wondering the same thing.

Hey Amir,

Sorry about that error. After updating woocommerce it broke my site and I had to reset it. It should be back online now.

I think you are right about the menu usually being handled by the theme, however in this case the cart icon seems to be handled by woocommerce plugin. I can edit, drag, and change the position of everything except for the cart icon in the theme menu customizer. That cart is not even visible there. (It also has a woocommerce dropdown functionality that the carts in my theme do not have)

give these a try: https://trybjerky.com

https://snipboard.io/vNXBkU.jpg

• This reply was modified 2 years ago by Tryb.
• This reply was modified 2 years ago by Tryb.