Your account expired support, please renew to get your support.

HomePage › Forums › Themes Support › Freshio – Organic & Food Store WordPress Theme › How to change the menu color

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 31, 2021 at 3:39 pm #7499
    jbw
    Support Expired

    Hi,

    How to change the menu background color? And how to change the color and background color of shop by department?

    https://prnt.sc/110m1ay

    Thank you.

    March 31, 2021 at 4:05 pm #7504
    Billy Nguyen

    Hi there,

    To custom css for background menu, please copy and paste css code into file style.css ( child-theme)

    #1. Background menu:

    .header-2 .header-bottom {
    background-color: #your-color !important;
}

    #2. Color and background color of Vertical menu:

    .vertical-navigation .vertical-navigation-header{
color: #your-color !important;
}
    .vertical-navigation .vertical-navigation-header{
    background-color: #your-color !important;
}
    March 31, 2021 at 4:05 pm #7503
    jbw
    Support Expired

    For the mobile menu at the bottom, can this also change color?
    And if I want to hide it, where can I set to hide?

    https://prnt.sc/110mko6

    Thank you.

    March 31, 2021 at 4:15 pm #7506
    Billy Nguyen

    Hi,

    Remove Footer menu on mobile, please use php code and paste into file functions.php (child theme):

    function freshio_handheld_footer_bar() {
		return;
	}
    March 31, 2021 at 4:23 pm #7507
    jbw
    Support Expired

    Thank you for the reaply,
    For the mobile menu at the bottom, can that change color?

    March 31, 2021 at 4:27 pm #7509
    Billy Nguyen

    Change color footer menu mobile, please use css code:

    .freshio-handheld-footer-bar ul li>a:before {
    color: #your-color !important;
}
    May 19, 2021 at 6:57 pm #9934
    littBor2223
    Support Expired

    Hello.

    (1) how can I change the text and link of the freshio handheld footer bar? Because I have inserted the function

    function freshio_handheld_footer_bar_shop_link() {
    echo ‘Zur Box‘; ‘”><span class=”title”>’ . esc_attr__(‘Shop’, ‘freshio’) . ‘</span>‘;
    }

    But the font size and color is not taken from the theme css. Could you help me with this?

    (2) How to change the background color of the navigation menu on the mobile view? thanks!

    May 20, 2021 at 3:31 pm #9956
    Billy Nguyen

    Hi,

    #1. To change text on menu mobile, please copy code and paste into file functions.php on child-theme

     – Shop:

    function freshio_handheld_footer_bar_shop_link() {
        echo '<a href="' . esc_url(get_permalink(get_option('woocommerce_shop_page_id'))) . '"><span class="title">' . esc_attr__('Shop', 'freshio') . '</span></a>';
    }

    – My account:

    function freshio_handheld_footer_bar_account_link() {
        echo '<a href="' . esc_url(get_permalink(get_option('woocommerce_myaccount_page_id'))) . '"><span class="title">' . esc_attr__('My Account', 'freshio') . '</span></a>';
    }

    – Search:

    function freshio_handheld_footer_bar_search() {
        echo '<a href=""><span class="title">' . esc_attr__('Search', 'freshio') . '</span></a>';
        freshio_product_search();
    }

    – Wishlist:

    function freshio_handheld_footer_bar_wishlist() {
		if ( function_exists( 'yith_wcwl_count_all_products' ) ) {
			?>
            <a class="footer-wishlist" href="<?php echo esc_url( get_permalink( get_option( 'yith_wcwl_wishlist_page_id' ) ) ); ?>">
                <span class="title"><?php echo esc_html__( 'Wishlist', 'freshio' ); ?></span>
                <span class="count"><?php echo esc_html( yith_wcwl_count_all_products() ); ?></span>
            </a>
			<?php
		}elseif (function_exists('woosw_init')) {
            $key = WPCleverWoosw::get_key();

            ?>
            <a class="footer-wishlist" href="<?php echo esc_url(WPCleverWoosw::get_url( $key, true )); ?>">
                <span class="title"><?php echo esc_html__('Wishlist', 'freshio'); ?></span>
                <span class="count"><?php echo esc_html(WPCleverWoosw::get_count($key)); ?></span>
            </a>
            <?php
        }
	}

    Then edit text and link.

    #2. Please use css code:

    .freshio-mobile-nav{
    background-color: #your-color !important;
}
    May 20, 2021 at 5:41 pm #9963
    littBor2223
    Support Expired

    Hi,

    first of all, thank you very much for your great support.

    The (2) issue has been solved successfully.

    For the (1) issue, I meant that I want to have a specific URL which clicking on the former Shop button. Because customers shall not be directed to the shop but to a specific URL.

    Thank you!

    May 21, 2021 at 10:54 am #9975
    Billy Nguyen

    Yes,

    You need to edit link for shop:

    href="' . esc_url(get_permalink(get_option('woocommerce_shop_page_id'))) . '"
    =>

    href="your-link-shop"

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.