Hi Mike,
Thank you :)

What about the other 2 things?

1. I would like all those changes to the header to be shown only on screens larger than 500 px (and not on mobile)
2. I would like to move the secondary menu next to the menu on the left. How can I do that (with code of course since it is not a built-in option)

Thanks again
Reut

Hi Mike,

As I wrote in my feature request, I already did that.
and the CSS written in that documentation was there before I approached you for help, and still there.
Again, for some reason that I don’t know why, the code doesn’t work.

So again –

1. How can I move the menu to the right and the widget to the left?
2. How can I move the secondary menu next to the menu on the left?

Thank you

Hi,
Just checking in. It’s been a week and no one seems to help me with your code.

Yes, of course, it was my mistake.

So I copied the file from the Enfold theme to my Enfold child theme. I’ve moved the code line – echo avia_pagination( ”, ‘nav’ ); to be below the code line – global $avia_config;
But nothing has changed. I created a sub-folder – includes – inside the enfold child folder and put the correct loop-search.php file in this folder
and still, nothing has changed.

What am I missing?

I’ve added links to the 2 websites I’m having this problem directly to a random search results page for you to see the problem on your own.
The first one is the website I’ve altered the files
The second one I didn’t change anything.

Hey Mike

Now it’s fixed
Thank you so much for all your help

Reut

Hey!

Thank you, however, I saw the code you changed –
// Check if the screen width is larger than 777px
if (window.innerWidth < 320) {
return; // Exit the script if the screen width is less than 777px
}

You’ve changed the 777 to 320
it didn’t solve the problem.
It just made the desktop header changes we made apply to mobile also.
But, on screens smaller than 777 the header needs to be a regular mobile header.
That’s why you’ve added this code in the first place.
and when I’m changing the 320 back to 777 the header is on top and just like a regular mobile header, but there is no menu at all and the search icon overlaps the site’s body.

How can I pix this?
Thank you
reut

Hi Mike,
Thank you so much for all the help.

That helped.
However, I have 3 things I need help with

1. I’ve tried to move the social bookmarks a bit down, I used this code –
#content3 .social_bookmarks {
top: 200px;
}

but it didn’t work

2. For some reason, the code you gave me to change the width of the open menu is not working anymore

3. On mobile, the search icon overlaps the body content, plus there is no menu.
https://img.savvyify.com/images/2024/09/07/WhatsApp-Image-2024-09-08-at-03.44.59.jpeg

Thank you
Reut

Hi,

Thank you so much for all the help.
I cleared the cache on both the browser and the server.
Unfortunately, it didn’t work, now the menu is overlapping the logo.
https://img.savvyify.com/image/Screenshot-2024-08-28-182515.9QyRX

Also, is it possible for the search icon to be under the burger menu and not above it?

This is truly the last thing left, just for the search icon to show under the menu on the desktop

Thank you so much again for all the help/
Reut Rachel

Hi!

Thank you so much, that worked.

These 2 last problems to fix
1. The search icon is not showing on the desktop.
I’m rewriting my answer regarding the resolution –
I saw the search icon on the burger menu on all kinds of different screen sizes and resolutions after a few cache purges and a few days.
For your question – mine is 1536 x 864
And can the icon be under the burger menu and not above it?

2. The changes I made to the burger menu background color when it is closed and the menu item’s color are not showing on the mobile.
https://img.savvyify.com/image/WhatsApp-Image-2024-08-28-at-08.26.26.91w1d
https://img.savvyify.com/image/WhatsApp-Image-2024-08-28-at-08.26.25.91tJn

Thank you so so much for all your help
Reut Rachel

Hi Mike,

1. I saw the search icon on the burger menu on all kinds of different screen sizes and resolutions, and after a few cache purges and a few days.
For your question – mine is 1536 x 864

And I’m rewriting the other 2 questions I have:

2. Regarding the burger menu:
When the menu is closed, I would like for the container background to be – #8c8c8c and the burger menu itself to be #ffffff
and when the menu is open the container background should be #ffffff and the – X should be #8c8c8c.
so I used the code you gave me and I added padding on the left and right and didn’t use this code=line: line-height: 40px;
but the pudding does not fit into the container no matter what I tried it either too small on the right or it’s too big on the left –
https://img.savvyify.com/image/Screenshot-2024-08-13-010003.9rZ05
https://img.savvyify.com/image/Screenshot-2024-08-13-005948.9rpaf

3. I would like the menu links inside the burger menu to be in this color – #92B743. I’ve tried changing it in advanced styling, but nothing has changed on the desktop and mobile views.

Thank you so much for all the help

Reut

Hi,

1. I’ve already enabled Append search icon to main menu as I wrote, the search icon is showing in the menu on the mobile. However, it is not showing on the desktop.

2. Regarding the burger menu:
When the menu is closed, I would like for the container background to be – #8c8c8c and the burger menu itself to be #ffffff
and when the menu is open the container background should be #ffffff and the – X should be #8c8c8c.
so I used the code you gave me and I added padding on the left and right and didn’t use this code=line: line-height: 40px;
but the pudding does not fit into the container no matter what I tried it either too small on the right or it’s too big on the left –
https://img.savvyify.com/image/Screenshot-2024-08-13-010003.9rZ05
https://img.savvyify.com/image/Screenshot-2024-08-13-005948.9rpaf

3. I would like the menu links inside the burger menu to be in this color – #92B743. I’ve tried changing it in advanced styling, but nothing has changed on the desktop and mobile views.

Thank you so much for all the help

Reut

• This reply was modified 4 months, 1 week ago by Rachel.

Hi
Thank you again for all the help.
I want to make a few changes to the header, most of them are CSS changes but I could do them for some reason

1. I would like to change the burger section colors
– background – #201d1e
– burger lins – #ffffff

2. I’ve added a search option. For some reason, it only shows on the mobile menu. I would like it to be displayed on the desktop too

3. I would like to change the social icons color to – #304d03

4. When the menu opens, it has a large pudding on the left (the menu items are aligned to the right). I saw that there is a pudding of 50px so I changed it to 15px like the right pudding but it did not do anything

Can you please help me with those 4 things?

Thank you

Hey Mike!

Thank you so much for all your help!
Can you please help me? since it is my thread and problem in the first place.
it really is the last thing I need your help with in this problem

The links on the menu are a bit off, when I press the second link the third opens.

I’ve added a screen record

Thank you so so so much for all the help.
Reut Rachel

Hi Mike!

Thank you so much for your help.
4 things, I would appreciate your help with:
1. The new sidebar is overlapping the content of the website, how can I add some clear margin to the sidebar menu?
2. The social links are not exactly inside the header. There is some pudding on the right, how can I remove it?
3. How can I remove the space between the menu links so more of the menu will be showing without scrolling?
4. The new header is also showing on small screens. I need a regular header under 767px (with a different logo since I’ve changed it to be shown upright and not on the side).

Thank you so much!

Hi,
Customizations like changing the sidebar header width and the regular menu to be an icon menu are out of the theme support?
The theme support helped me before with much more complicated changes.
And I assisted on threads here from other people’s questions and solved a lot more difficult issues.

You can’t even tell me Where on the header.php file I would be able to do it myself?