Versys Media

Responsive Website Design In South Africa 2021

by David Hunt - Website Designer | Apr 10, 2020 | Search Engine Optimisation (SEO), Website Design

We’ll assume that you’re probably reading this article because you’re interested in getting a website designed. You’re probably wondering, out of all the web design companies I’ve visited so far why should I get Versys Media to design my...

.has-text-align-justify{text-align:justify;}#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .wpcp-single-item{border:1px solid #ddd;}#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-prev,#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-next,#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-prev:hover,#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-next:hover{background:none;border:none;font-size:30px;}#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-prev i,#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-next i{color:#aaa;}#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-prev i:hover,#sp-wp-carousel-free-id-4862.sp-wpcp-4862 .slick-next i:hover{color:#52b3d9;}#sp-wp-carousel-free-id-4862.sp-wpcp-4862 ul.slick-dots li button{background-color:#ccc;}#sp-wp-carousel-free-id-4862.sp-wpcp-4862 ul.slick-dots li.slick-active button{background-color:#52b3d9;}@media screen and (max-width: 479px){#sp-wp-carousel-free-id-4862.nav-vertical-center{padding:0;}}#sp-wp-carousel-free-id-4845.sp-wpcp-4845 .wpcp-single-item{border:1px solid #fff;}#sp-wp-carousel-free-id-2856.sp-wpcp-2856 .wpcp-single-item{border:1px solid transparent;}body.custom-background{background-color:#fff;}.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message,.woocommerce-error,.woocommerce-info{background:#fcd21d !important;}#et_search_icon:hover,.mobile_menu_bar:before,.mobile_menu_bar:after,.et_toggle_slide_menu:after,.et-social-icon a:hover,.et_pb_sum,.et_pb_pricing li a,.et_pb_pricing_table_button,.et_overlay:before,.entry-summary p.price ins,.woocommerce div.product span.price,.woocommerce-page div.product span.price,.woocommerce #content div.product span.price,.woocommerce-page #content div.product span.price,.woocommerce div.product p.price,.woocommerce-page div.product p.price,.woocommerce #content div.product p.price,.woocommerce-page #content div.product p.price,.et_pb_member_social_links a:hover,.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before,.et_pb_widget li a:hover,.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,.et_pb_gallery .et_pb_gallery_pagination ul li a.active,.wp-pagenavi span.current,.wp-pagenavi a:hover,.nav-single a,.tagged_as a,.posted_in a{color:#fcd21d;}.et_pb_contact_submit,.et_password_protected_form .et_submit_button,.et_pb_bg_layout_light .et_pb_newsletter_button,.comment-reply-link,.form-submit .et_pb_button,.et_pb_bg_layout_light .et_pb_promo_button,.et_pb_bg_layout_light .et_pb_more_button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.et_pb_contact p input[type="checkbox"]:checked+label i:before,.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#fcd21d;}.footer-widget h4{color:#fcd21d;}.et-search-form,.nav li ul,.et_mobile_menu,.footer-widget li:before,.et_pb_pricing li:before,blockquote{border-color:#fcd21d;}.et_pb_counter_amount,.et_pb_featured_table .et_pb_pricing_heading,.et_quote_content,.et_link_content,.et_audio_content,.et_pb_post_slider.et_pb_bg_layout_dark,.et_slide_in_menu_container,.et_pb_contact p input[type="radio"]:checked+label i:before{background-color:#fcd21d;}a{color:#009899;}#main-header,#main-header .nav li ul,.et-search-form,#main-header .et_mobile_menu{background-color:rgba(0,0,0,.62);}#main-header .nav li ul{background-color:rgba(0,0,0,.92);}#top-header,#et-secondary-nav li ul{background-color:#fcd21d;}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:#fff;}.et_search_form_container input::-moz-placeholder{color:#fff;}.et_search_form_container input::-webkit-input-placeholder{color:#fff;}.et_search_form_container input:-ms-input-placeholder{color:#fff;}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a,.et_color_scheme_red #top-menu li.current-menu-ancestor>a,.et_color_scheme_red #top-menu li.current-menu-item>a,.et_color_scheme_red #top-menu li.current_page_item>a,.et_color_scheme_pink #top-menu li.current-menu-ancestor>a,.et_color_scheme_pink #top-menu li.current-menu-item>a,.et_color_scheme_pink #top-menu li.current_page_item>a,.et_color_scheme_orange #top-menu li.current-menu-ancestor>a,.et_color_scheme_orange #top-menu li.current-menu-item>a,.et_color_scheme_orange #top-menu li.current_page_item>a,.et_color_scheme_green #top-menu li.current-menu-ancestor>a,.et_color_scheme_green #top-menu li.current-menu-item>a,.et_color_scheme_green #top-menu li.current_page_item>a{color:#fff;}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#fff;}.footer-widget{color:#fff;}#main-footer .footer-widget h4{color:#fcd21d;}.footer-widget li:before{border-color:#fcd21d;}#main-header{box-shadow:none;}.et-fixed-header#main-header{box-shadow:none !important;}.et_slide_in_menu_container,.et_slide_in_menu_container .et-search-field{letter-spacing:px;}.et_slide_in_menu_container .et-search-field::-moz-placeholder{letter-spacing:px;}.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder{letter-spacing:px;}.et_slide_in_menu_container .et-search-field:-ms-input-placeholder{letter-spacing:px;}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:41px 0 0 0;}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:41px;}.et_header_style_split .centered-inline-logo-wrap{width:81px;margin:-81px 0;}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:81px;}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:81px;}.et_header_style_centered #top-menu>li>a{padding-bottom:15px;}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:32px 0 32px 0 !important;}.et_header_style_centered #main-header .logo_container{height:81px;}#logo{max-height:85%;}.et_pb_svg_logo #logo{height:85%;}.et-fixed-header#top-header,.et-fixed-header#top-header #et-secondary-nav li ul{background-color:#fcd21d;}.et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info{color:#fff !important;}.et-fixed-header .et_search_form_container input::-moz-placeholder{color:#fff !important;}.et-fixed-header .et_search_form_container input::-webkit-input-placeholder{color:#fff !important;}.et-fixed-header .et_search_form_container input:-ms-input-placeholder{color:#fff !important;}.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current_page_item>a{color:#fff !important;}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0;}.et_pb_section{padding:54px 0;}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px;}.et_pb_fullwidth_section{padding:0;}}@media only screen and (max-width:767px){body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url{font-size:10px;}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content,.et_pb_best_value{font-size:11px;}h1{font-size:22px;}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:18px;}h3{font-size:16px;}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:13px;}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:33px;}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:11px;}h5{font-size:11px;}h6{font-size:10px;}.et_pb_section{padding:7px 0;}.et_pb_section.et_pb_fullwidth_section{padding:0;}.et_pb_row,.et_pb_column .et_pb_row_inner{padding:0px 0;}}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;}body,input,textarea,select{font-family:"Arial",Helvetica,Arial,Lucida,sans-serif;}#main-header,#et-top-navigation{font-family:"Montserrat",sans-serif;}.et_pb_fullwidth_header_scroll a{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);}.et_pb_fullwidth_header_scroll .et-pb-icon{-webkit-animation:et_bounce 1s infinite;-moz-animation:et_bounce 1s infinite;-ms-animation:et_bounce 1s infinite;-o-animation:et_bounce 1s infinite;animation:et_bounce 1s infinite;}@-webkit-keyframes et_bounce{0%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-15px);}100%{-webkit-transform:translateY(0px);}}@-moz-keyframes et_bounce{0%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-10px);}100%{-moz-transform:translateY(0px);}}@-ms-keyframes et_bounce{0%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-10px);}100%{-ms-transform:translateY(0px);}}@-o-keyframes et_bounce{0%{-o-transform:translateY(0);}40%{-o-transform:translateY(-10px);}100%{-o-transform:translateY(0px);}}@keyframes et_bounce{0%{transform:translateY(0);}40%{transform:translateY(-10px);}100%{transform:translateY(0px);}}#logo{-webkit-transform:initial;}.et_pb_section_0_tb_header{border-bottom-width:2px;border-bottom-color:#f7d017;}.et_pb_section_0_tb_header.et_pb_section{padding-top:0px;padding-bottom:0px;background-color:#161616 !important;}.et_pb_row_0_tb_header.et_pb_row{padding-top:0px !important;padding-top:0px;padding-bottom:0px !important;padding-bottom:0px;}.et_pb_row_0_tb_header,body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row{width:100%;max-width:100%;}.et_pb_sticky .et_pb_row_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_social_media_follow_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_code_1_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_image_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_code_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_menu_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_row_0_tb_header{display:flex;}.et_pb_image_0_tb_header{text-align:center;}.et_pb_menu_0_tb_header.et_pb_menu ul li a{font-size:13px;color:#fff !important;letter-spacing:1px;}.et_pb_menu_0_tb_header{padding-top:20px;}.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a{color:#fff !important;}.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a{color:#fff !important;}.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a{color:#fff !important;}.et_pb_menu_0_tb_header.et_pb_menu .nav li ul{background-color:#1c1c1c !important;border-color:#f7d017;}.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu{border-color:#f7d017;}.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a{color:#f7d017 !important;}.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{background-color:#1c1c1c !important;}.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo,.et_pb_menu_0_tb_header .et_pb_menu__logo-slot{width:auto;max-width:100%;}.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img{height:auto;max-height:none;}.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{color:#fff;}.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button{color:#fcd21d;}.et_pb_social_media_follow_0_tb_header li.et_pb_social_icon a.icon:hover:before{color:#fcd21d;}.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button{color:#fcd21d;}ul.et_pb_social_media_follow_0_tb_header{padding-top:20px !important;}.et_pb_social_media_follow_0_tb_header li a.icon:before{transition:color 300ms ease 0ms;}.et_pb_social_media_follow_0_tb_header li.et_pb_social_icon a.icon:before{color:#fff;}.et_pb_column_0_tb_header{border-radius:0 100px 100px 0;overflow:hidden;padding-top:20px;padding-bottom:20px;}.et_pb_sticky .et_pb_social_media_follow_network_2_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_social_media_follow_network_3_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_social_media_follow_network_1_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_social_media_follow_network_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_column_2_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_column_1_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_sticky .et_pb_column_0_tb_header{transform:translateX(0px) translateY(0px) !important;}.et_pb_column_1_tb_header{padding-top:20px;padding-bottom:20px;}.et_pb_column_2_tb_header{border-radius:0 0 0 0;overflow:hidden;border-color:rgba(0,0,0,0);padding-top:20px;padding-bottom:20px;}.et_pb_social_media_follow_network_2_tb_header a.icon{background-color:rgba(0,0,0,0) !important;}.et_pb_social_media_follow_network_1_tb_header a.icon{background-color:rgba(0,0,0,0) !important;}.et_pb_social_media_follow_network_0_tb_header a.icon{background-color:rgba(0,0,0,0) !important;}@media only screen and (min-width:981px){.et_pb_image_0_tb_header{width:180px;}}@media only screen and (max-width:980px){.et_pb_section_0_tb_header{border-bottom-width:2px;border-bottom-color:#f7d017;}.et_pb_image_0_tb_header{padding-top:18px;width:100px;}}@media only screen and (min-width:768px) and (max-width:980px){.et_pb_column_2_tb_header{display:none !important;}}@media only screen and (max-width:767px){.et_pb_section_0_tb_header{border-bottom-width:2px;border-bottom-color:#f7d017;}.et_pb_image_0_tb_header{padding-top:14px;}.et_pb_column_2_tb_header{display:none !important;}}.et_pb_section_0_tb_footer.et_pb_section{padding-top:0px;padding-bottom:0px;}.et_pb_sticky .et_pb_section_0_tb_footer{transform:translateX(0px) translateY(0px) !important;}.et_pb_section_1_tb_footer.et_pb_section{padding-top:0px;padding-bottom:0px;background-color:rgba(17,17,17,.99) !important;}.et_pb_row_0_tb_footer.et_pb_row{padding-top:50px !important;padding-top:50px;padding-bottom:50px !important;padding-bottom:50px;}.et_pb_text_2_tb_footer.et_pb_text{color:#fff !important;}.et_pb_text_4_tb_footer.et_pb_text{color:#fff !important;}.et_pb_text_0_tb_footer.et_pb_text{color:#fff !important;}.et_pb_text_5_tb_footer p{line-height:1.4em;}.et_pb_text_3_tb_footer p{line-height:1.4em;}.et_pb_text_0_tb_footer p{line-height:1.4em;}.et_pb_text_1_tb_footer p{line-height:1.4em;}.et_pb_text_0_tb_footer{font-family:"Montserrat",sans-serif;font-weight:700;font-size:18px;line-height:1.4em;margin-bottom:8px !important;}.et_pb_text_1_tb_footer{font-family:"Montserrat",sans-serif;font-weight:700;font-size:18px;line-height:1.4em;margin-bottom:8px !important;}.et_pb_text_3_tb_footer{font-family:"Montserrat",sans-serif;font-weight:700;font-size:18px;line-height:1.4em;margin-bottom:8px !important;}.et_pb_social_media_follow .et_pb_social_media_follow_network_0_tb_footer.et_pb_social_icon .icon:before{color:#1e1e1e;}.et_pb_social_media_follow .et_pb_social_media_follow_network_1_tb_footer.et_pb_social_icon .icon:before{color:#1e1e1e;}.et_pb_social_media_follow .et_pb_social_media_follow_network_2_tb_footer.et_pb_social_icon .icon:before{color:#1e1e1e;}.et_pb_social_media_follow .et_pb_social_media_follow_network_3_tb_footer.et_pb_social_icon .icon:before{color:#1e1e1e;}ul.et_pb_social_media_follow_0_tb_footer a.icon{border-radius:100% 100% 100% 100%;}.et_pb_divider_0_tb_footer{height:10px;}.et_pb_text_1_tb_footer.et_pb_text{color:#fcd21d !important;}.et_pb_text_3_tb_footer.et_pb_text{color:#fcd21d !important;}.et_pb_text_2_tb_footer p{line-height:2.2em;}.et_pb_text_4_tb_footer p{line-height:2.2em;}.et_pb_text_2_tb_footer{font-family:"Montserrat",sans-serif;font-weight:300;font-size:18px;line-height:2.2em;padding-top:0px !important;}.et_pb_text_4_tb_footer{font-family:"Montserrat",sans-serif;font-weight:300;font-size:18px;line-height:2.2em;padding-top:0px !important;}.et_pb_text_5_tb_footer.et_pb_text{color:#606060 !important;}.et_pb_text_5_tb_footer{font-family:"Montserrat",sans-serif;font-weight:300;font-size:12px;line-height:1.4em;margin-bottom:8px !important;}.et_pb_social_media_follow_network_3_tb_footer a.icon{background-color:#fcd21d !important;}.et_pb_social_media_follow_network_2_tb_footer a.icon{background-color:#fcd21d !important;}.et_pb_social_media_follow_network_1_tb_footer a.icon{background-color:#fcd21d !important;}.et_pb_social_media_follow_network_0_tb_footer a.icon{background-color:#fcd21d !important;}@media only screen and (min-width:768px) and (max-width:980px){.et_pb_divider_0_tb_footer{display:none !important;}}@media only screen and (max-width:767px){.et_pb_divider_0_tb_footer{display:none !important;}}

Responsive Website Design In South Africa 2021

Recent Posts

Categories

Pages