Starter Template

[fouad84]

This reply has been marked as private.

[Billy Nguyen]

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;
}

[fouad84]

This reply has been marked as private.

[Billy Nguyen]

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;
}

[fouad84]

This reply has been marked as private.

[Billy Nguyen]

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;
}

[fouad84]

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

[Billy Nguyen]

Hi again,

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

[fouad84]

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

[Billy Nguyen]

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%;
}
}

[Author]

Posts