Toggle customizing

1. Mouseover: change the hover text
2. The search toggle should lead to the page “Kontakt”. There is no nead for search.

These types of changes can’t be done with CSS alone – you’ll need to create a child theme because they require editing the HTML/PHP. The catch is that because Circa is already itself a child theme of Hexa, you won’t be able to make a child theme of Circa.

There is a workaround for making a “grandchild theme” described here: https://docs.appthemes.com/tutorials/creating-grandchild-themes/

It’s not officially supported but you could try it if you like.

3. Is there a way to have a toggle, that pushes from page to page? The spot on the left of the text part, that has the design of a page, would be perfect.

I’m not quite sure what you mean by this. If you explain more what you mean, I could let you know whether it’s possible with CSS alone.

Dear Kathryn,
it will take me some time to figure out how to build the grandchild as a plugin. It seems complicated, though I have build child themes before.
Still, I am curios how you would solve my customizing wishes
1. change the Mouseover text
2. set a link to another page instead of the search function.
My question nr. 3 is not so important.
Thanx

1. change the Mouseover text

The mouseover text is coming from the title attribute in Hexa’s header.php file. For example:

<div id="social-links-toggle" class="toggle" title="<?php esc_attr_e( 'Social Links', 'hexa' ); ?>">

2. set a link to another page instead of the search function.

The search box comes from these lines in Hexa’s header.php file:

<div id="search-toggle" class="toggle" title="<?php esc_attr_e( <span class="screen-reader-text"><?php _e( 'Search', 'hexa' ); ?></span>
</div><!-- #search-toggle -->

You could replace that with whatever you like.

Thank you so much. This helped me a lot.

You’re very welcome, glad it was helpful.