Hi there,
I’m not using a logo in my site, so I want to start with the navigation.
In the custom css box I’ve added this code which I found in the support forum:

.logo > a > img { display: none !important; }
.container.av-logo-container{ display: none !important; }

The logo is gone, so that works.
What I would like is to control the space above the navigation and below it.
It’s completely at the top now, and the space below it for the next element, a text box, is huge.
I gave the text box 0 padding above and below it, so I don’t understand where the big space is coming from.
How can I control those two area’s?

Best, Haiko

Hey there,

I’ve been trying (and failing!) to add a search icon to the hamburger/mobile menu of our website. Ideally it would work like the desktop version… opening the menu has the search icon centred at the top of the menu and clicking the search icon opens an AJAX field where you can search for things and see results appear as you type (so the same functionality as our desktop AJAX search). However anything close to this scenario is fine – even if it’s just a search icon.

I’ve tried lots of the recent fixes other people on this forum have suggested but with no success… well I did manage to get a search form added to the mobile menu, however that also removed the search icon from the desktop version of the menu and I’m looking for an icon to be added that brings up the AJAX form when tapped on.

It’s worth mentioning that I’ve added code to remove the ‘wc-get-fragments’ and the woocommerce cart from loading for performance reasons and we’re also using an Enfold Child theme.

Hi!

I’ve been experiencing some problems with my site.
It seems to switch width randomly, I’ve attached images.
The headings will become all uppercase and then return to normal, it seems random. I’ve tried adding custom CSS and/or selecting “None” for Text Transform for all headings 1-6 in Advanced Styling with no effect.
I have a custom CSS class for 4 buttons and I’ve added Custom CSS

@media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}

so these button only show on mobile. This stops working and then resumes functioning seemingly at random.
I’ve suspected a plugin, but I deactivated all of them and saw no change. Also, the symbol indicating a plugin update is available is always there, but no updates are available.
Lastly, the contact form doesn’t work, no emails reach my inbox. I think this is a problem caused by setting up SMTP.

Dear Kriesi,

After investigating all related topics here about code block issues with layout problems I still could not found a solution for my problem which is the next one: I have put a code block with some code onto the page and it disturbed the layout of the whole page. It seems it completely became “boxed” (width of page seems to be shrinked) or at least it appears that it now has a maximum width that is less than the normal full screen width layout without the code block. I have experimented with putting the code block in a separate color section (as proposed here in another related support call) but still without succes. So with code block I get a condensed layout and without the page layout is fine (full width).

Hope you Kriesi gurus an help me with this. See private content for links and credentials.

Thanks in advance!

Regards,
Peter