Lower primary menu

Tagged: primary menu

This topic has 7 replies, 2 voices, and was last updated 5 years, 7 months ago by Skandha.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 29, 2019 at 5:11 am #171486

Evdel
Participant

Hi guys,

3 questions on the positioning of the primary menu on http://www.vandeloosoriginal.com:

– Can I lower the primary menu closer to the featured slider? Now the white space between the primary menu and the featured slider is too large.
– Can I replace wording in the primary menu for an icon, such as shopping cart icon?
– Just curious, would it be possible to position the primary menu directly below the featured slider?

Thanks in advance.

Evdel

April 29, 2019 at 6:32 am #171504
Skandha
Participant
@evdel: Hello Evdel,
To Lower the primary menu closer to the featured slider
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#primary-menu {
	padding-top:50px;
}
```
Yes you can replace wording in the primary menu for an icon. Let me know which menu item you want to replace and with what icon.

To position the primary menu directly below the featured slider you will need to create a child theme and a bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer to get it done.

Let me know if this helps you out!
Kind Regards,
Skandha
April 29, 2019 at 1:56 pm #171534

Evdel
Participant

Thanks Skandha,
‘
The CSS code for lowering the primary menu seems to work. However I initially increased the number of pixels even more since the menu needs to be lower. But it seems that that impacts the mobile menu as well, leaving a big white space on top the mobile menu.

Concerning the icon: I would like to have a Shop page with the wording Shop changed for a shopping card icon. (Did not have a shop page yet).

Concerning child themes: I’ll think about it.

Thanks again.

April 30, 2019 at 12:42 am #171567
Skandha
Participant
@evdel: For the menu you can use the following CSS instead of the previous one I provided you.
```
@media screen and (min-width:1024px) {
	#primary-menu {
		padding-top:50px;
	}	
}
```
This will not effect the mobile menu.

To have a shop icon for the wording Shop in the menu please add a shop menu item to your menu and then I can provide you the necessary CSS Code.

Let me know if this helps you out!
Kind Regards,
Skandha
May 3, 2019 at 5:10 pm #171855

Evdel
Participant

Hi Skandha,

Thanks a lot.

I have decided just to use the word ‘shop’ instead of an icon since I have chosen the modern menu.

I do have a different question though. In the footer I added some images by choosing a widget and than image. Unfortunately these images are not aligned in the centre/middle. Could you please help. I mean the 3 icons at the bottom. (www.vandeloosoriginal.com)

Thanks in advance.
Evdel

May 4, 2019 at 1:29 pm #171908
Skandha
Participant
@evdel: Hello Evdel,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.footer-widget-area.two .widget-column {
       width:100%;
}
```
Let me know if this works out!
Kind Regards,
Skandha
May 7, 2019 at 5:38 pm #172090

Evdel
Participant

Hi Skandha,

Works perfectly. Thanks!

May 8, 2019 at 12:29 am #172108

Skandha
Participant

@evdel: Hello Evdel, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/foodie-world/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha
Author

Posts