Support » Theme: Foodica » A few issues

  • Resolved Michael Lanfield


    Hello my site is being constructed offline, but below is a screenshot of the main page.

    1. How to change the font of the menu?

    2. The top and bottom of the background image is cut off and can’t seem to get the image full screen. it is set to Custom > center > Fit to Screen. I tried it all and doesn’t want to work, but basically I want to mimic this site with the background.

    3. Is there a way to always have the menu, on any screen resolution size, to be right under our name Pura Futa Raw Vegan Community?

    Thank you. Great theme. When I get money I can probably upgrade to pro version.

    • This topic was modified 1 year ago by Michael Lanfield. Reason: fixed one item
    • This topic was modified 1 year ago by Michael Lanfield. Reason: fixed two issues

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Michael Lanfield


    I just need help with the top menu getting it to align in the center of the page right below the our logo name. The rest I fixed. Thanks.

    Theme Author WPZOOM


    Hello @michaellanfield

    1. You can customize/change fonts using Easy Google Fonts plugin (in the Foodica PRO you can customize fonts Customizer, without a plugin).

    Just install the plugin, go to Settings > Google Fonts, and register a new selector with the following 2 CSS Classes:

    .main-navbar a, .navbar-wpz ul a

    Then in the Customizer > Typography > Theme Typography you can easily customize fonts.

    You can find more customization tips in this article:

    2. That’s caused by the top menu bar. You can hide it by adding this CSS code in the Customizer > Additional CSS:

    .top-navbar {
        display: none;

    3. Try to increase the margin-bottom for the logo wrapper, until you find the needed spacing:

    .navbar-brand-wpz {
        margin-bottom: 66px;
    Michael Lanfield


    thank you so much for the help. I really appreciate it.

    However pertaining to question 3 I have. The main menu changes position based on the users screen resolution. Is there a way to somehow fix it so the menu goes directly under the title of the website without moving? It looks good for me on a 1920×1080 resolution, but for other screen size resolutions it moves and it doesn’t look good.

    I would like it fixed on the image under the title centered somehow. Is there a way to get this done?

    Michael Lanfield


    Also, when I scroll down on a page the menu also scrolls up. I would like it to stay fixed on the image/page.

    @michaellanfield The menu is not sticky in this theme, so maybe you have a plugin or some custom code that makes it sticky?

    As for the menu adaptation for your needs, this sounds more like a custom modification, so probably it would be better to hire someone to help you with that.

    Michael Lanfield


    I understand. Do you know of any plugin that can help or do this to make the menu sticky anywhere on the page?

    This plugin is pretty popular:

    Michael Lanfield


    thank you again for all the help

    @michaellanfield, if you have a minute, I would appreciate if you could leave a review for our theme here:


    Michael Lanfield


    Yes will do that as soon as possible. I have a similar issue which I will post in another questions. Thank you so much for the assistance.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘A few issues’ is closed to new replies.