Return to previous page

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

This topic has 10 replies, 2 voices, and was last updated 3 years 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!

    #317586 Copied Theme version: 5.7
    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

    #317621 Copied
    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!

    #317655 Copied
    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!

    #317666 Copied
    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

    #317667 Copied
    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?

    #317751 Copied
    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

    #317783 Copied
    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!

    #317875 Copied
    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

    #317878 Copied
    Avatar: azicard
    azicard
    Participant
    February 20, 2022 at 14:01

    Thank you for all your help Rose!

    #317927 Copied

  • Tagged: , , , , , ,

  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme

See All Templates

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