[Marius1989]

Yeah, for me, SEOPress is the way to go. So feature-rich but light-weight at the same time. Super clean UI, not to mention the pricing. I just love it.

Any reason you use 2 different contact form plugins? CF7 might also not the right choice for a super optimized website.
You could also check out WSForm. It’s a pretty new plugin with newest coding standards. Might be worth it, not only performance-wise.

Since you are using Shortpixel, I haven’t seen any generated WebP versions of your images on your website. You should consider doing that.
At least, it didn’t show up inside the network log and it also passed the Google audit (somehow?). I might be wrong here.

Have you already tried WP Rocket in combination with Perfmatters? It simply works wonders.
Sure, there are many options you won’t need, since you are already on a high performance hosting.
If you target a solid 95+ desktop score and a 75+ mobile score, you should definitely give it a try.
Your pages are not that big and it would be definitively achievable, even with your dynamic portfolio and blog elements.

But you should always have in mind, that a good and smooth user experience weights higher than any numbers on various website scoring sites (basic optimizations provided).

[Marius1989]

You are welcome, Dan.

Yeah, I agree.
An aria label would solve it. We have that opportunity inside the safe button option, which is really great. Also a decent improvement in terms of accessibility.
Let’s see what’s coming up.

[Marius1989]

Hey Dan.

First, if Rank Math took you 10 points of the performance score, you should investigate this further or get rid of that / substitute it.
It all depends on your hosting setup and the plugins you use.
Can you tell us some more details about your configuration? I remember you are on Gridpane.
Which plan do you have and which server do you use?
How to you optimize your site? Kind of caching? Plugins, etc.

I assume this is your mobile score, still it looks very odd to me, you have just a bit over 60.
Yeah, it can be very challenging to get good mobile scores but so many opportunities for improvements there!

[Marius1989]

Hey Dan.

Congrats on your successful overhaul.

Regarding the hamburger menu, you have the chance to add a label inside the theme settings to fix this issue.
I guess there is no other way to make this warning disappear. Setup a label and hide it with CSS won’t work.
Maybe anyone else got another idea about it, but I guess, this is exactly what the warning is about.
As soon as a warning forces me to change my design, it is always difficult for me to find a right balance.

The Blog/Portfolio HTML markup seems to be built in a way, it is not possible to get around that at the moment, unless you know PHP I guess. Wouldn’t recommend any jQuery/CSS hacks at all, but that’s up to you.

Regarding your 3rd issue, you could replace the link text by something not that generic. E.g. “get more insights”, or whatever you think fits best to your site. That should resolve this instantly.

[Marius1989]

14.) When using the “Skin on Scroll Effect” page template, the Top-Bar will be hidden by 1st section Background color.

15.) When using the Header Layout 2 and set “Disable Main Menu” or “Disable Second Menu” inside “Page Options”, the Menu which should be hidden, gets replaced inside the Combined Responsive Menu by the last menu I created inside WP menu area.
It’s also possible, it is the one which is displayed on top of the menu list, not sure. When I disable both Menus, “Main Menu” and “Second Menu” inside “Page Options”, the mentioned menu is displayed even twice inside the Combined Responsive Menu.

[Marius1989]

11.) “Top-Bar left” Contact Forms (I only tested with CF7) are not being displayed, when clicking the icon. Sliding modal keeps blank.

12.) When using the Page Template “Scrolling Full Screen Sections”, as soon as you set a Row Background Type “Image” or an Inner Row Background Type “Image”, it will skip the Section, when scrolling the 1st time to that Section.
Tested on Windows, multiple devices – Chrome and Firefox.
You can just check your own demo “Scrolling Page” for that. It is the 4th section that’s being skipped (“Need Support?”)
It was already mentioned on your support desk, but I guess the user didn’t describe the issue well enough, so you couldn’t investigate (see ticket #2772330).

13.) When Footer Bar is enabled and set to be centered, there should be no margin to top of the second footer area (which is predefined for menu, socials, text), when it is set to “hide” and it only displays the Copyright Text field.
Currently this prevents the Copyright text being vertically centered, as it adds a margin of 6px from the empty column below.

[Marius1989]

Odd indeed. But thanks for the feedback, it might help the community for some of their own projects.
Videos are a topic on its own and I try to avoid it whenever I can. So I don’t have any advanced knowledge about it.

Are you talking about mobile browsers in genereal or do you refer to a specific OS?
As mentioned above, I didn’t experience any issues when I tested your site with my device.

Can you exclude any hosting issues, since it is self-hosted?
Could you also elobarate, what conclusion Thanasis has reached?
Reducing the video size might solve the issue, but I doubt it is the actual problem here. Of course I can be totally wrong here.

[Marius1989]

8.) Anchor menu is broken on sticky and scroll up header

9.) When sticky header is active with full-width submenu opened (skin on hover applied), scrolling up to top while sub-menu is still opened, it applies the wrong main header skin, so main header menu items become invisible: white header BG, with white menu items. This only applies to light header as I’ve experienced, like seen on Homepage 1, 3, etc.

10.) When open the safe button area, scrolling up and down for some times inside it, and then leave it, main content page is not rendered correctly again. Some elements get messed up entirely. Happens often on mobile devices, rarely on desktop.

[Marius1989]

Thank you Kosmas, for taking your time to discuss things with the community.
My personal opinion is the following.

With the current implementation of menu item buttons, we have the most possible freedom in a theme I ever experienced.
I was just a bit confused, because the default color of the button option makes actually nothing – no matter which kind of header, unlike the outline default color. At least on my end this is the case. So why don’t just remove it?

With all the freedom we have, I think there are just too many possible cases with all the different headers and their own defined background colors, especially with the overlapping header, where you just can’t predict the background color of the first page section, so you can’t for the button background.

Just a quick, very basic example here:
– A white button with black text color, using header overlapping with a blue background color section, will just disappear after scroll, having a white sticky header. Only the black text will be visible, the button shape won’t.
There are many more possibilities with contrast issues of page backgrounds or all the different header possibilietes like default, light, dark, sticky, etc.

I guess you just have to find the right balance in your color palette. You still have the opportunity to override the button color per page with just 1 line of custom CSS, maybe 2 if you have to adjust the sticky header button colors or hover state, too.

Additional options for button colors per header type (default, light, dark, sticky) would the only way that makes sense, imo.
But would that be an overkill? Is it too specific?

I would love to hear other opinions on that.
Buttons in the menu can be more tricky (color-wise), than someone would expect, unless you encounter issues here and there.
Actually, I am not even sure what to think about this topic. Sure thing, I don’t need something like that necessarily.
But what about you, guys? Sometimes you just need some options available for your clients, so they can make changes easily.

I know you are a small team and focussing your resources on the roadmap and/or more useful features/improvements might be the better bet here.
Thanks!

[Marius1989]

This was exactly I was talking about. Homepage 3 has an Outline Menu Item, not a Button Menu Item.
Outline Menu Item works perfectly fine. Button Menu Item is not changing according to Customizer Header Skin settings.

[Marius1989]

Alright, so there is actually no default setting for the button option, is this correct?
Since I’m not able to set any button background color in the customizer for the different header types, this makes sense.
So no options for buttons to change the colors dynamically, depended on the current header (default or sticky), like seen on the menu item outline type (e.g. Homepage 3 demo).

Thanks again for making things clear.
Cheers!

[Marius1989]

[Marius1989]

Thanks a lot for the improvements and the new shape feature! This is amazing, Kosmas.

One question still. Is it intentional, when I select the button option and the default color, the primary color is applied instead?
How can I make it work like the Outline option behavior, which applies my colors from the customizer, when default color in the menu item settings is selected?

[Marius1989]

Hey there.
I can confirm, what Bernhard says.

Kosmas, would you quickly have a look at your demo site, please?

“Homepage 1” is working fine for me.
“Homepage 2”, “Homepage 3” the bug still appears.

So it seems, it might partially be fixed. On version 1.1, “Homepage 1” had this issue also, I just double checked that.
I also switched the header overlapping option from “yes” to “default” and on theme settings to “yes”. Same result.
Maybe someone can also check it out. I am on Windows, tested with Chrome and Firefox.

[Marius1989]

Great idea, Dan.

I also prefer the idea of having the icons in the header, rather than transfer the actual elements into the responsive mobile menu section, like it is done with contact forms, search, etc.
All these elements being accessible inside the responsive menu area only might not result in a great experience, if a user doesn’t know where to find the elements quickly.
The problem seems to be the limited space on mobile devices, which is available beside the logo and menu icon (plus potentially the menu label).
And unfortunately, there is still no option to place custom content inside the actual header itself – such like a link, a button, a text field for a phone-number, etc. All content is transferred inside the menu area, except 2-3 predefined icons.
Did you also come accross this issue in the past, customizing the responsive header, Dan? If so, how did you solve it?
Maybe there are some great solutions out there I don’t know so far.

What Kosmas mentioned is definitely a step into the right direction and I appreciate that they are constantly trying to improve the front-end user experience for the final product, as well as the available options we can select to achieve specific designs and layouts.

It is a difficult design decision, how this feature will get implemented, but I am sure, Kosmas and the team will do their best as always.

[Author]

Replies