ariextreme

Hi Jordesign,

Thank you for you reply. I would prefer not to work with a additional plugin. Here is the code that works well but now needs to be inserted in twenty tweny four between the header and the content:

// path van de banners
$banner[1] = "https://kitesurfpro.nl/wp-content/uploads/2023/12/2023-2024-ventum-kiteboarding.gif";
$banner[2] = "https://kitesurfpro.nl/wp-content/uploads/2024/02/naish-pivot-nvision.gif";

// de url's waaraan het plaatje gekoppeld moet worden
$url[1] = "https://ventumkiteboarding.com/product-category/sets/";
$url[2] = "https://www.naish.com/products/pivot-nvision?utm_source=kitesurfpro&utm_medium=cpm&utm_campaign=pivotnvision";

// voer alt tags in
$alt[1] = "Ventum Kiteboarding";
$alt[2] = "Naish Pivot Nvision 2024";

// hoeveel banners zijn er?
$banners = count($banner);
$random = rand(1, $banners);

    echo "<div class=\"alignwide banner-center\"><p  class=\"banner-center\"><a href=\"" . $url[$random] . "\" target=\"_self\"> ";
    echo "<img src=\"" . $banner[$random] . "\" border=\"1\" style=\"border-color: #000000\" loading=\"lazy\" width=\"970\" height=\"250\" alt=\"" . $alt[$random] . "\" title=\"" . $alt[$random] . "\"></a></p></div>";

Thanks again Oliver. This looks good now. I changed the flags into text since that helps to keep the site as fast as possible.

Thank you Oliver, this looks much better right now. Will study your code since there is a lote to learn for me.

On mobile, the flags are now at the same high as the logo. Consequently the menu drops a bit but that looks great.

On wider screens, the flags are higher then the logo what was the initial question. Now I have seen the mobile screen I am wondering if the flags could align with the top of the logo as well. Like as it is on mobile screens.

Hi Oliver,

Thank you but it’s not yet as we want I think. At mobile the flags are covering the logo and text is below the logo. Looks like a kind over layer over the normal layer. Please have a look yourself at the site.

• This reply was modified 3 years, 8 months ago by ariextreme.

Hi Oliver,

That is correct. I disabled the widget temporarily since it does not give a good user experience I will swith it on now for today so I hope you can see it.

Best,

Hi Oliver,

I would like to have these in a horizontal row at the top of the screen at the right corner. At mobile screens it will then above the menu. At wider screens at the top right corner so above the menu as well.

That would be much appreciated Oliver. Thank you,

Hi Oliver,

I am sorry. I tried but I can’t get the CSS style right to enable these translation flags and a wordpress login button or text proper into this widget. Especially when I start to look at a mobile screen it is not okay.

Kind regards,

Super. Of course I want to share the CSS I will use. That will happen somewhere next days or coming weekend.

Hi Oliver,

I have already thanked you a few times but again thank you very much!! It works. Surely, I need to style the elements before I will put it live but just checked and it works.

Thanks again

Hi Oliver,

Many thanks for your effort so far. I updated both files with the code. However it does not work yet. It gives an error that breaks the site.

See below the total site-header.php file. I have been playing around with the php opening and closing codes because that looked a bit strange to me. However that did not result in a solution. I hope you would be albe to give some more feedback.

<?php
/**
* Displays the site header.
*
* @package WordPress
* @subpackage Twenty_Twenty_One
* @since Twenty Twenty-One 1.0
*/

$wrapper_classes = ‘site-header’;
$wrapper_classes .= has_custom_logo() ? ‘ has-logo’ : ”;
$wrapper_classes .= true === get_theme_mod( ‘display_title_and_tagline’, true ) ? ‘ has-title-and-tagline’ : ”;
$wrapper_classes .= has_nav_menu( ‘primary’ ) ? ‘ has-menu’ : ”;
?>

<header id=”masthead” class=”<?php echo esc_attr( $wrapper_classes ); ?>” role=”banner”>

if (is_active_sidebar(‘sidebar-3’)) {
?>
<aside id=”header-sidebar” class=”widget-area”>
<?php dynamic_sidebar(‘sidebar-3’); ?>
</aside>
<?php
}

<?php get_template_part( ‘template-parts/header/site-branding’ ); ?>
<?php get_template_part( ‘template-parts/header/site-nav’ ); ?>

</header><!– #masthead –>

• This reply was modified 3 years, 8 months ago by ariextreme.

I have the same with the Yoast FAQ widget in wordpress. All Yoast FAQ have this error. E.g. https://kitesurfpro.nl/wingsurfen-wingsurf-en-wingfoil-handboek/wingsurfen-faq-veelgestelde-vragen/

Hi Oliver,

I understand completely that everything affects site speed and have been working so hard to get the site speed as best as possible. That is also the main reason why I do not use a child theme. Some help would be much appreciated.

Thanks,

Hi Olvier,

I believe there is a call for this and at least I want to get this working. However, for me there would be one condition as I would not allow it to harm the site speed.

Any thoughts or pragmatic easy solution or code?

Best,

Thanks again Oliver.