Will Vivaz work with Joomla 6?

Testing this update on my local setup. My logo is located in the #topbar section on the left of the menu. The 2.2.2 update removes all containment of the logo scaling and sizing and uses the actual image size which breaks the topbar logo and menu positions. I use a larger logo image so it can be scaled to fit the logo container on different screen sizes and use a template logo height setting of (40) px.

If adding custom css to the logo img to set the height it will scale or size as it should.

The (template styles)/logo/Logo height in pixels.... setting seems to not be working.

Thanks!
Daniel

Has anyone had similar experiences? With the joomla standard Theme, everything works great.

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Get all top-level dropdown items
    const dropdownItems = document.querySelectorAll('.nav-item.dropdown');
    
    dropdownItems.forEach(item => {
        // Handle mouse enter
        item.addEventListener('mouseenter', function(e) {
            // Find the hidden toggle span and trigger it
            const toggleSpan = this.querySelector('[data-bs-toggle="dropdown"]');
            if (toggleSpan && toggleSpan.getAttribute('aria-expanded') === 'false') {
                toggleSpan.click();
            }
        });

        // Optional: Handle mouse leave with small delay to prevent accidental closing
        item.addEventListener('mouseleave', function(e) {
            setTimeout(() => {
                // Check if the mouse is still outside the dropdown
                if (!this.matches(':hover')) {
                    const toggleSpan = this.querySelector('[data-bs-toggle="dropdown"]');
                    if (toggleSpan && toggleSpan.getAttribute('aria-expanded') === 'true') {
                        toggleSpan.click();
                    }
                }
            }, 200); // 200ms delay
        });
    });
});
</script>

How can I set all links to the social media buttons to nofollow?

Can I swap the Twitter logo for X?

I am a little bit confused and unable to edit the inline CSS in Vivaz template on Jreviews 4.6.6.

I put the changes in the custom.css file and it did'nt work.

I'm fast realising that unlike ireviews, vivaz is not a template for those who aren't medium-advanced users.  I'm having all sorts of niggling problems, including:

1. Unless I have the primary color set to blue all hyperlinks become invisible as they default to the standard text colour (black).  I can;t see an easy way to set hyperlinks to be a different color.

2. The background colouring of drop down menus is very weird.  I mean it looks great on the demo site, but on my site under some colour schemes the latest selected menu option is not visible to users and it is really hard to find a colour scheme where when you hover over or select a drop down menu option it is actually easy to read what is shown.  I have (as a work around) had to remove all of the drop down menus from my website which isn't ideal.  Because of the issue 1 above, I am also locked into my primary color being blue, not default or any other colour.

3. All of the modules I have in position-5 don't appear on my mobile phone, and I can't figure out why.  I find the instructions that are provided with vivaz very hard to understand unless you have a high level knowledge of whatever bootstrap V5 and css is.

4. I have my main menu in the topbar position, but for some reason it won't convert into a hamburger menu option in the mobile view, which the instructions seem to suggest it should, and I can't find the setting to get that to work.

5. When I add the social icon to the topbar, it uses a lot of space (it puts it above the icon and menu rather than beside it ) - this leads to a much longer topbar than I would like.

If I hadn't paid $US40 for this template so I can use it with my jreviews website I probably would just walk from this template as too complex for an average user, but curious to know if I am the only one having these problems? 

I've just purchased vivaz as part of upgrading my websites (was previously on ireviews), and all the images in the blog layout are stretching (horribly) to fit the screen (see example attached).  If I revert to one of the standard Joomla 4 templates this goes away, so I'm assuming it is a setting in vivaz which is stretching the images rather than resizing them, but I can't for the life of me find it.  

Also is there a function like in the old ireviews template that allows you to only display modules on smaller screens or mobiles?  This was a great feature I used a lot, but can't see anything similar for vivaz and what documentation there is, is aimed at someone with a much higher technical knowledge that myself.

Can anyone else report something similar?

Thanks!

are there defined styles for the Vivaz theme for the module design like in the iReview theme (bg-light3 / titlebar) that you could use?

Or would I have to style everything?

Ok, I could also copy the css styles from the iReview, but I thought maybe there are ready-made ones that you could put directly into the classes.

I did not find any in the description.

Using the below vivaz hook for background image how do I make this work only for a single page, not all pages?

When I do this by hard coding to the template "Background Images" as a param setting, the template recognizes this only for the menu item set on the individual background, not all pages, but the hook shows the css on all pages.

Guessing I need a condition using the page <body> class to make this work but have no idea how to get it.

AND: For some reason I can't find our discussion on this.

Thanks

Daniel

Clickfwd\Vivaz\Vivaz::filter('showcase:background_image_css.header', function ($css, $bgImage) {
    $css['background-image'] = 'linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), '. $css['background-image'];

    return $css;
});

I tried to install the Vivaz template today using the same method as I would have done with Joomla 3.10.8.

However, I get the following error messages as shown in the attached capture files:

UPLOAD PACKAGE FILE

capture1.png = "Not Acceptible"

INSTALL FROM FOLDER

capture2.png = "Can find XML setup file"

capture3.png = "Copy file failed" (this was tried after unzipping the zip file)

Does anything stand out as why this would be failing for me?