[Evdel]

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

[Skandha]

@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

[Evdel]

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.

[Skandha]

@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

[Evdel]

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

[Skandha]

@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

[Evdel]

Hi Skandha,

Works perfectly. Thanks!

[Skandha]

@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