Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #171504
    Skandha
    Keymaster

    @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

    #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.

    #171567
    Skandha
    Keymaster

    @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

    #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

    #171908
    Skandha
    Keymaster

    @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

    #172090
    Evdel
    Participant

    Hi Skandha,

    Works perfectly. Thanks!

    #172108
    Skandha
    Keymaster

    @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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Lower primary menu’ is closed to new replies.