Main menu item spacing, foot/category font sizes and product grid questions

This topic has 10 replies, 2 voices, and was last updated 2 years, 2 months ago ago by azicard

  • Avatar: azicard
    azicard
    Participant
    February 17, 2022 at 18:51

    Hello,

    I have a few questions:
    1) My main menu contains 8 items and spacing is a problem. How do I break the name of the menu item into two lines? For example, instead of showing Menu Name, I want to show
    Menu
    Name
    2) The main menu now is product category based, but the last item is a page. If I want to add any sub item, it shows a little down arrow next to the main menu item. How do I remove this arrow?
    3) My side-bar menu is product category. How do I change the font size?
    4) I tried to change the foot widget font size and spacing by using
    .foot-widget .foot-widget ul {
    font-size: 12px;
    line-height: 1.1;
    }
    But it didn’t seem to work.
    5) When I click on a parent product category, it shows all the sub-categories and the product on the same line in the grid. How do I move the products on a new line and add some spacing between the subcategory and the first line of products?

    Thank you very much for your help!

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 18, 2022 at 09:08

    Hello,

    1/ There is no such option, but you can try to add the next code in Theme Options > Theme custom CSS > Desktop:

    header-main-menu.et_element-top-level .menu > li a {
        max-width: 10%;
    }

    2/ Theme Options > Header Builder > Main menu > Add Arrows For 1-Level Menu Items With Dropdowns > off
    3/ Do you mean here – https://prnt.sc/fTNMhWrLmkhw ?
    Here is custom CSS code:

    .widget_product_categories.sidebar-widget li a {
        font-size: 1.2em;
        line-height: 1.3;
    }
    .widget_product_categories.sidebar-widget ul li > ul.children li > a {
        font-size: 1.15em;
    }

    https://prnt.sc/c5uXXfuIzW_h
    4/

    body:not(.elementor-page) .footer-widget li a {
        font-size: 12px !important;
        line-height: 1.1;
    }

    5/ It is how WC works, there is no option to change it without additional customization in files. Sorry, but additional customization in files is outside the scope of our basic support.

    Regards

    Avatar: azicard
    azicard
    Participant
    February 18, 2022 at 12:52

    Hi Rose,

    Thank you for your reply!

    You mentioned that what I asked in Q1 is not possible. Do you mean it’s not possible to do in this theme?

    Also in the footer, under Support and About, how do I remove the line?

    Thank you again!

    Avatar: azicard
    azicard
    Participant
    February 18, 2022 at 13:42

    Sorry I forgot to ask. WRT Q5, is it possible to hide the sub-categories so they don’t display?

    Thank you again!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 18, 2022 at 13:47

    Hello,

    You’re welcome!
    1/ It means there is no option for this, so custom CSS code can be used.
    6/

    .footer .widget-title {
        border: none;
        margin-bottom: 0;
    }

    Regards

    Avatar: azicard
    azicard
    Participant
    February 18, 2022 at 21:32

    Thank you Rose.

    Can you please also let me know if it’s possible to hide the sub-categories so they don’t display WRT Q5?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 19, 2022 at 08:35

    Hello,

    Appearance > Customize > WooCommerce > Product Catalog > Shop Page Display and Category Display

    Regards

    Avatar: azicard
    azicard
    Participant
    February 20, 2022 at 03:49

    Thank you Rose.

    I just upgraded to version 8.1, but now I’m seeing double logos. I renamed header.php in the child theme, and the double logos are still there but only on the home page. If I go to any other page, there is only logo. Can you please help?

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 20, 2022 at 08:04

    Hello,

    Here is what I can see on your site Home page – https://gyazo.com/4d89e68c992b3a652eab72e10442d23b Clear cache and check one more time.

    In browser console next errors – https://gyazo.com/0d4838c7b3f7fe89e8be61f51c98a7d6 – read this post https://crunchify.com/how-to-fix-access-control-allow-origin-issue-for-your-https-enabled-wordpress-site-and-maxcdn/ , contact your hosting provider and ask about assistance.

    Regards

    Avatar: azicard
    azicard
    Participant
    February 20, 2022 at 14:01

    Thank you for all your help Rose!

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Main menu item spacing, foot/category font sizes and product grid questions’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.