Viewing 10 posts - 16 through 25 (of 25 total)
  • Author
    Posts
  • #5815
    Avatarfouad84
    Supported
    This reply has been marked as private.
    #5841

    Hi again,

    To edit style on this website, please add custom css into file style.css

    #1. Change color background menu bar: https://prnt.sc/102y93k

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

    Do you want to edit header menu to this style: https://prnt.sc/104j70w

    #2. Background header color: https://prnt.sc/102ylce

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

    #3. Body background color:

    body.elementor-page-53:not(.elementor-motion-effects-element-type-background), body.elementor-page-53 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-color: #your-color !important;
    }
    #5865
    Avatarfouad84
    Supported
    This reply has been marked as private.
    #5882

    Oh,

    Please add css into file style.css

    .mobile-navigation ul li a, .mobile-navigation .dropdown-toggle, body .freshio-mobile-nav .freshio-social ul li a:before, .mobile-nav-close {
        color: #FFF !important;
    }
    #5950
    Avatarfouad84
    Supported
    This reply has been marked as private.
    #5987

    Hi again,

    #1. Please go to Edit page with ELementor -> Select mobile version and select 2 columns for products: https://prnt.sc/10797tp

    #2. Please add css to file style.css:

    .freshio-mobile-nav {
        background-color: #your-color !important;
    }
    #6485
    Avatarfouad84
    Supported

    Hello Again
    Can you please advise how can I change the height of the header on the mobile and desktop?
    https://prnt.sc/10fh9ee

    #6533

    Hi again,

    Please go to Freshio Options -> Home -> Logo Size: https://prnt.sc/10gn3g5

    #6769
    Avatarfouad84
    Supported

    Hello Again
    I have three questions please
    1- How to make the crumbs height less on desktop and laptop
    attached image https://prnt.sc/10kt44m

    2- how to choose between shop layout templates?

    3- How to have more than 1 row of product display on the mobile / desktop?

    Thanks

    #6873

    Hi again,

    #1. Breadcrumb: please add css style

    @media (min-width: 768px){
    .freshio-breadcrumb {
        padding: 1em 0 !important;
        margin: 0 0 2em !important;
        min-height: 100px !important;
    }
    }

    #2. We don’t support multi layout for this theme, so that you need to create new layout, please follow guide at https://elementor.com/help/creating-a-woocommerce-archive-template/

    #3. Try to use css code:

    @media only screen and (max-width: 600px) {
    ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product{
    -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    }
Viewing 10 posts - 16 through 25 (of 25 total)

You must be logged in to reply to this topic.