Messages

I tried this. But when entering details of new product, it is asking me to confirm the entry, so I have to click a tick mark every time. So it takes longer time to add new product.

So I have no other way except setting some values/selections as default to save time. Can you please tell me the location where to edit the code?

Solved.  I edited the style.css file with the media query and tweaked the font size and padding size.

@media only screen and (max-width: 600px) {
   
    .promo_section {
   padding: 10px 0 25px 0;
   border: 1px solid #d7d8da;
   margin: 0 auto 10px auto;
   width: auto;
   color: #4b5b58;
}
.promo_block {
    overflow: hidden;
}
.promo_block .promo_icon {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    font-size: 45px;
    padding: 18px 5px 0 0;
}
.promo_block .promo_text {
   
}
  }

I tried to edit the promo block in the blocks section. It has the below html codes. Will any change in the below code correct the issue in mobile view?

<section class="row promo_section">
   <div class="col-md-3 col-xs-6 promo_block">
      <div class="promo_icon"><i class="fa fa-truck fa-fw"></i></div>
      <div class="promo_text">
         <h2>
            <b>Free<br/>Delivery</h2>
      </div>
   </div>
   <div class="col-md-3 col-xs-6 promo_block">
      <div class="promo_icon"><i class="fa fa-rupee fa-fw"></i></div>
      <div class="promo_text">
         <h2>
            <b>Cash on<br/>Delivery</h2>
</div>
   </div>
   <div class="col-md-3 col-xs-6 promo_block">
      <div class="promo_icon"><i class="fa fa-whatsapp fa-fw"></i></div>
      <div class="promo_text">
         <h2>
            <b>Order on WhatsApp</h2>
         </div>
   </div>
   <div class="col-md-3 col-xs-6 promo_block">
      <div class="promo_icon"><i class="fa fa-refresh fa-fw"></i></div>
      <div class="promo_text">
         <h2>
            <b>Easy Return <br/>&amp; Refund</h2>
         </div>
   </div>
   </section>

Hi everyone,

In my website desktop view the promo block looks fine. But in mobile view the promo block is not mobile view compatible it is still large in size so the text gets wrapped awkwardly.

Is there a way to resize how the promo blocks looks, only in mobile view without affecting desktop view settings?

(Screenshot of mobile view attached)

Thanks.

Thank you. Excellent idea. I'm going to try this.

Hi everyone,

Thank you for all the discussions in the forum, it helped me a lot in building and customizing my store.

I have been searching a solution for a below requirement, please advise, where to change.

When adding a product, I want the below fields pre-filled or pre-selected as default, so I will save time adding products.

1. Quantity as '3'
2. Minimum Quantity as '1'
3. Free shipping - Turned on
4. Weight as 0.5

Thank you.

Thank you.

I tried in style.css but could find how to reduce the box to fit.

Hi everyone,

I have been trying to edit the top cart. I just want to have the text next to the icon and box to the aligned with equal spaces next to each other.

I have attached two screenshots.

1. How the top cart looks now.

2. How the top cart I want it to be.

Please advise, where and what to change? I tried to inspect but can't make firebug inspect the hover drop menu.

Thank you Hady, But I want to include the text CART and CHECKOUT.

Thank you everyone. Much appreciated.

[Hady]

Hi!

You can use addthis free tool on your website, it is containing a lot of social icons for sharing everything you want. try it you will like it.

Regards
Hady

Which tool Hady? It seems you missed to mention it.

Hi everyone,

I have been trying to edit the top cart. I just want to have the text next to the icon and box to the aligned with equal spaces next to each other.

I have attached two screenshots.

1. How the top cart looks now.

2. How the top cart I want it to be.

Please advise, where and what to change? I tried to inspect but can't make firebug inspect the hover drop menu.

Thank you, Sam! Awesome.

Hi AVS,

How did you moved the text next to the icon.

Right now my code is as below the text is showing below cart and where to reduce the size of the box that contains the icon and text?

   <div class="col-sm-6 col-xs-6 text-left">
                   <a class="btn btn-default" href="<?php echo $view; ?>" title="<?php echo $text_view;?>">
                     <i class="fa fa-shopping-cart fa-fw"></i>
                     <p>CART</p>
                  </a>
               </div>
               <div class="col-sm-6 col-xs-6  text-left">
                   <a class="btn btn-primary" href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>">
                     <i class="fa fa-money fa-fw"></i>
                     <p>CHECKOUT</p>
                  </a>
               </div>