Oh and I just realized that the critical CSS tool stopped working for my website. It probably happened after I asked Bluehost to change my URL from www.escapepressed.com to just escapepressed.com (because I used it earlier and it generated critical CSS for me).
1. I tried pasting a link in the tool without "www" at first but it said that the domain is different.
2. Then I tried adding "www" to the link of the page but it showed me an error.
3. I tried re-logging into the tool using the new link of the website (without www and my purchase code) - it didn't work.
But it's logging in with the previous link, just doesn't generate CSS.

Could you, please, somehow renew my domain in your base to fix this? I really want to increase my website's loading speed.

Thank you!

Hi! I noticed that with Header 3 social media icons and the woocommerce svg overlap the content of the page instead of disappearing on mobile devices.

I switched to Header 2 for now, but I would love to fix the issue with Header 3.
Thank you.

Thanks a lot! It helped!
I wanted to clarify one thing: I use your Page Speed Optimizer for my website and your support team helped me create the CSS files when I didn't have access to a Windows computer.
I created new pages on my website and several of them are very important but their loading speed is slow (and after loading the first time the elements on the page move and the page starts reloading CSS once again).
This happens on these pages:
https://www.escapepressed.com/links/
https://www.escapepressed.com/services/

Can I create critical CSS for these particular pages as well? (I have access to a Windows computer now :) )
Or is this feature working only for the types of pages that you mention in your documentation (homepage, single post, page, category)?

Thank you!

Hi! I don't have a page with this issue on my website https://www.escapepressed.com/ now.
I tried to add links to .svg images on the main page but because they become super small I didn't apply the changes in Elementor and changed them to .png files for now. However, I need them to be in vector, that's why I hope, you'll help me to solve this problem.

I showed what's happening when I try to add a link to an .svg image on the screens below. Did you see them?

Hi again! One more question.

I am trying to add a link to an image, however, as soon as I do it (with Elementor editor) the image becomes super small and I can't understand what's causing it and how to fix it.

I want the image to be clickable. And I need it to be an .svg file.
I added custom image size in the setting of the block and it works fine until I add the link :(

Adding screenshots.

Unfortunately, this code also didn't work, however, it gave me the idea and I managed to solve the problem :)

Here is the code that worked:

.featured-area {
  margin-bottom: 0;
}

.penci-header-signup-form {
margin-top: 0;
margin-bottom: 0;
}

NB: The code that you send me for desktop earlier made the main image overlap the menu line:

@media(max-width: 767px) {
 .blog #header {
   margin-bottom: 0px;
 }
}

Tried adding your code but it didn't work.

Also tried changing margin-bottom to 0px, however, it also didn't help.The margin on the page is still 60px. 

I checked in another browser as well (safari, logged out from my admin account) and the margin is 60px, not 0px, for some reason.

I am using Elementor for my home page, however, I decided not to use it for my blog page because I built it with the "Customize" option, so I use all built-in Soledad theme's blocks (i.g. post's layout, a sidebar), everything is adapting to a mobile screen nicely.
I thought about paying for elementor and building a website with it but, in the end, decided to buy your theme because it's much easier to configure. And if I use "Edit with Elementor" option for my blog page, then I won't be able to go back to "Customize" theme editor.

Is there a way to quickly edit this code to make it work on desktop as well:

@media(max-width: 767px) {
 .blog #header {
   margin-bottom: 0px;
 }
}

Okay, understand.

Sorry, one more question :D
Can I make these areas (marked with red rectangles) smaller?
You've already helped me to get rid of the white space after header on mobile with this peace of code:

@media(max-width: 767px) {
 .blog #header {
   margin-bottom: 0px;
 }
}

But the desktop version needs improvement too.

Thank you! It worked :)

I also noticed that when I click Pinterest social sharing button on the blog page it chooses the post's featured image for sharing on Pinterest and not the images inside the post (optimized for sharing on Pinterest - they are vertical and have necessary keywords). Is there a way to correct that? Thank you

Thank you! That worked.

Now the only problem is a pretty big white space above the first image. Is there a way to remove it (make it smaller)?

Hi! Is there a way to disable the featured slider on mobile but leave it on desktop and iPad?

+ I'd love to do the same for the header sign-up form.

Thank you