Posts in "Wordpress"

What’s the big deal about mobile first?


A responsive web design basically means a website which is highly responsive, fast and up-to-date and is mobile-friendly as well as desktop-friendly. There are many websites built by the freelancer web designers in Dubai that were desktop-friendly only. They used to be popular but the era has changed. Everything has become digitized. Many people now prefer to conduct the information from the websites through their mobile phones.

Now obviously desktop-friendly websites build by the previous web developers in Dubai was not responsive on gadgets such as mobile phones and tablets because they were not built to run on anything except the desktop.

But the time has changed. Many web developer in Dubai are designing the website with a mobile first design. A mobile first design is close to creating a highly responsive web design for the website. A  website with a mobile first design is much responsive than the other websites and more people would visit the website and interact and maintain a steady traffic rather than the websites which are only desktop-friendly. People do not use desktops anymore to conduct the information from a website.

A website built by a web designers in Dubai which does not have a mobile first design can readily decrease the web traffic and sales rate of your business. Obviously, if you website is not mobile-friendly, it will drive away half of your customers and would not increase your sales.

Some desktop-friendly websites are mobile-friendly too but they are built with mobile first design. This leads to a long loading time. A long load time annoys the customers and viewers and they run away to your competitors right away.


The concept of mobile first design is the  manipulation of the website, by the web developers in such a way, that it makes the site eligible for the fitting into a small screen first rather than the big screen.

Some freelance web designers have the expertise of creating  a website with a mobile first design. A mobile first design not only helps you to maintain a steady traffic but it will also enhance the visibility and the ranking of your website on the search engines. Hence, increasing your sales rate and the net profit. A high responsive design and a mobile first design will determine the expansion and the success of your company or your business.


A mobile first design introduced by the web developers in Dubai typically compresses your website to fit into a smaller screen. Your customers will have a fast access to the information that they are looking for. A mobile first design basically compresses the media of your website and enhances the user experience of your website.

If your customers will use a desktop web design on the small screens, the text would be a lot bigger, the images would crash or corrupt and the load time would be longer than usual. It will not only decrease the rating and the ranking of your website but it will also give the user a bad experience.

A website without a mobile first design annoys the users. They tend to close it as soon as possible because of the unresponsive web design. A professional Web developer in Dubai will build your website with a responsive and a mobile first design.

A mobile first design improves your site’s visibility and the web traffic. If your web traffic is good and your site is visible on the first page of the Google, you are likely to gain a lot of potential customers. If you gain a lot of potential customers, it is ultimately going to enhance your sales rate. If your sales rate increases, your business will benefit and expand. In short, a mobile first design represents your responsive behavior. And, a responsive behavior helps to expand your business like no other factor.


A mobile first design provides a same user experience despite of the size of your devices. By a mobile first design, your website which would be build by an expert web developer, would be responsive on small screens as well as the big screens.

It would give you the better leads to your business. You would be able to calculate the audience who uses the mobile phones to visit your website. A mobile first design makes a website fast and high performance machine.


•There are more than 1.2 billion mobile web users all around the world that use the mobile specified search engines to visit the websites to conduct information.

•In the United States of America, 25% of the total mobile web users do not user a laptop, desktop or a personal computers. They rely on electronics devices to conduct information on the websites.

•Mobile applications are installed  10.9 billion times by the mobile web users.

•Mobile device sales are outdoing the sales of the desktops or other big screens. It means that people are using mobile phone more than the desktops.


•The web developers in Dubai assures that the Mobile first design is accessible to any device. A mobile first design would open up your website on any platform and on any electronic device, whether a mobile phone or a desktop.

•It compresses the media, text and the related content to your business. It makes it easy for you and your viewers to access the information provided on the website.

•More people are using the mobile phones to conduct information from the websites. That is why, it will not only increase your web traffic but will also increase your site’s visibility.

•A mobile first design can by updated more easily by the web designers. They can add more to the functionality of the mobile first design easily and quickly. Hence, saving you the cost of the long codes.

•A mobile first design provides you with easy and quick navigation.

What is responsive web design

What is responsive web design?

Responsive web design facilitates the build of a single site that will work across multiple screen resolutions. For example, a responsive website may display in multiple columns when viewed on a desktop/laptop but automatically scale to two columns when accessed via a tablet and one column via a mobile phone.

Responsive front end frameworks

Responsive frameworks are grid structures that are used as the building block for scalable websites. It saves time by giving us the building blocks required to build an effective responsive website. In short, it is a set of code that can be reused so that developers are not constantly reinventing the wheel.

Responsive frameworks are Bootstrap, Base, The Responsive grid System, Foundation etc.

How to add custom tab to woocommerce product page

Woo-commerce Tab

Add a Custom Tab to Product Page

The ‘woocommerce_product_tabs’ filter provided by WooCommerce should be used as below to add a custom tab to a product page in WooCommerce. The code should be added to the functions.php file of your theme.

add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
// Adds the new tab
    $tabs['desc_tab'] = array(
        'title'     => __( 'Delivery and Returns', 'woocommerce' ),
        'priority'  => 50,
        'callback'  => 'woo_new_product_tab_content'
   return $tabs;

Add Content To Tab

To add custom content to the tab you have to add another line of code in the function.php file.

function woo_new_product_tab_content() {
  // The new tab content
  echo '<p>Goods will be delivered....</p>';

Reorder the Tabs

Custom tabs that have been added can also be rearranged as per the requirement. To achieve this the  ‘woocommerce_product_tabs’ filter has to be used once more. The code for the same will be as below.

add_filter( 'woocommerce_product_tabs', 'sb_woo_move_description_tab', 98);
function sb_woo_move_description_tab($tabs) {
    $tabs['desc_tab']['priority'] = 5;
    $tabs['reviews']['priority'] = 20;
    return $tabs;