License validation: the key is evaluated as false, but most of the premium features are unlocked. I can add music, video, change controls, etc. But I am constantly prompted to activate the license.

Hotspot: I cannot add more than 5 hotspots.

Controls: since purchasing the license I cannot control the tour with the mouse. It doesn’t matter if I have basic controls enabled or not. I can’t navigate with gestures on my mobile.

Window size: I cannot change the size of the window. I tried WP editor, I tried Elementor. Nothing. Not even fullwidth works.

Support: although I have purchased the premium version, but since yesterday morning I have been waiting in vain for a response to my three tickets.

This is honestly the worst experience I’ve had in the last 5 years of using WordPress.

This is my first post, I’ve built a website before using elementor without many issues, but this time around i’m having some more troubles, particularly with text and other widgets not resizing to fit the window size. The text editor widget in the example I’ve provided only really works on my 27 inch iMac screen, as soon as I begin to reduce the window size in anyway, the text shifts and doesnt adapt to the size change.

I was having the same issue with pictures, but I’ve solved that through changing the VH to 100%. Is there a similar way to do this for text? Its very frustrating.

Right now I’m not concerned with responsiveness on tablet and phone, I’m just trying to get the site right on Desktop before moving to them.

Thank you in advance for any help!!!

Ryan

I just started using Elementor by following a certain YouTube tutorial. I have a few questions/problems regarding page width, footer and different browser sizes. I’m using a OceanWP theme. In WordPress, page is set to 100% full width

1) My landing page has only one section with a background image, a logo, few text sections and a button. If I leave every value of a section layout as default then on bigger screens or on big browser windows I get a huge white space bellow that section:

View post on imgur.com

In case I put Fit to screen in section height + stretch section on then on smaller screens I get a footer over some content:

View post on imgur.com

In case I put min height in section height as 100vh + stretch section on then it looks correct but not good and what I mean with that is that it works (footer does not break section and there is no white space) on every screen size but almost on every screen you have to scroll to see bottom of the page.

Is there an easier or correct way to fit this page to window size (browser size)?

2) Same thing goes for my /contact page which does not have a lot of content and has two sections overlaping. Because there is not enough content, page has a footer on the middle (same as in first question, bellow footer is big white space).

View post on imgur.com

I have used this snippet to hide the header media from all my pages except the home page :

.site-branding {
  display: none;
}

.home .site-branding {
  display: inherit;
}

This hides the header image as excepted, but it also induces a weird behaviour : the navigation menu gets hidden unless I manually resize my web browser window. Once it shows up, it stays there even if I go back to full screen.

I have reproduced this on Firefox and Chrome. What is happening ?

Many thanks in advance

I have been playing around with my new WordPress page for a few days now and all is working well, more or less. Been learning a lot.

One issue I have encountered though is that my theme (Draco) doesn’t scale pictures i add on a Page accordingly to the size of the window. This ends with the formatting on my 24″ screen looking fine, on my 17″ notebook its also more or less alright, if it gets smaller (e.g. mobile device) the picture stays the original size, giving the text next to it only one letter of space per line, which makes any kind of text unreadable, unfortunately.
Not really sure if this is a user or theme related issue, so i thought, i might just give it a try here.

After doing some research I bumped over a CSS line (max-width:100% height:auto) which is supposed to help. I tested around with it and just now also found it in the stylesheet.css of Draco.
This is how it’s written in there:

/* div */

div, img, pre, figure {
max-width: 100% !important;
overflow: hidden;
}

html, body {
max-width: 100% !important;
}

/* Images */

img {
height: auto;
max-width: 100% !important;
}

Unfortunately this either doesn’t regard the in-site pictures or it doesn’t work properly.

Any tip on how i can resolve this issue? Have I overlooked something essential?
Guess this is an easy one for all you pros

Thanks in advance!!
regards

Edit: Can’t find it now, but the Draco webpage said it supported responsive images, which i guess this is (?).

2. If it is possible to make the video available for mobile (even with a play button would be fine, i’m glad to know how it can be done.

Tank you for your help

I’ve put in a main container my content (#primary) and my sidebars area (#two_sidebars) side by side, using CSS:

#primary{
position:relative;
float:left;
width:66%;
}

#two_sidebars{
position:relative;
float:right;
width:30.3%;
}

When the sidebar is positioned likewise on the right, it creates an extra space on the right side of my site of about 350 pixels (roughly the width of my sidebar). For instance, if I specify:

#two_sidebars{
position:absolute;
}

The sidebars then go on the left, above my primary content, but the problematic extra space vanishes. It then reappear gradually as my sidebars are positioning back to the right (the extra space begins to build up as soon as my sidebars are exceeding the area of my #primary content). I’m sure this is a basic issue, but I can’t figure how to solve it on my own with the available online resources, so thanks in advance for your comments and suggestions.

Also, note that my container #two_sidebars is composed of two sidebars (duh), one that stays in place and one that is fixed in the window after a certain amount of scrolling. The problem of the extra space is only happening on the portion of the first sidebar (the one that is not moving with the window): I’ve tried to find the problem within the CSS properties of this one sidebar, but without any success.