MYO Sports Web Design

MYO Sports Web Design

The MYO Sports website is truly great and we highlighted their services for Clinical Myotherapy, Remedial Massage, and Sports Therapies. We designed it as well-organised, easy and straightforward navigation that leads users to the information they want, pages were visually-appealing and added high-quality pictures. We love the way this one turned out!

Design

We Design
Client

MYO Sports

Back

Next Project

Tasco Petroleum Web Design

Post a comment Click here to cancel reply

You must be logged in to post a comment.

.brand-color,.brand-color-i,.brand-color-hover-i:hover,.brand-color-hover:hover,.has-brand-color-color,.is-style-outline .has-brand-color-color,a:hover,.blog-grid:not(.blog-grid-type-2):not(.blog-grid-type-4):hover h3 a,.portfolio-item.grid-2:hover h4.title,.fullscreen-nav li a:hover,.socialbar.inline a:hover,.gallery .expand .ion:hover,.close .ion:hover,.accordionItem_title:hover,.tab .tabNav_link:hover,.widget .socialbar a:hover,.social-bar .socialbar a:hover,.share-bar .links a:hover,.widget_shopping_cart_content .buttons a.button:first-child:hover,span.page-numbers.current,a.page-numbers:hover,.main-nav .nav-item.active-main-item > .menu-link,.comment-content a,.page-headline .subtitle b:before,nav.pagination li .page-numbers.active,#mega-menu-wrap > ul .sub-menu > li > a:hover,#mega-menu-wrap > ul .sub-sub-menu > li > a:hover,#mega-menu-wrap > ul > .current-menu-ancestor > a,#mega-menu-wrap > ul .sub-menu:not(.sub-menu-wide) .current-menu-ancestor > a,#mega-menu-wrap > ul .current-menu-item > a,#fullscreen-mega-menu-wrap > ul .current-menu-ancestor > a,#fullscreen-mega-menu-wrap > ul .current-menu-item > a,.woocommerce .woo-my-nav li.is-active a,.portfolio-sorting li a.active,.widget_nav_menu .current-menu-item > a,.widget_pages .current-menu-item > a,.portfolio-item-fullscreen .portfolio-details-date:before,.btn.btn-link:hover,.blog-grid-content .category-holder:after,.clb-page-headline .post-meta-estimate:before,.comments-area .comment-date-and-time:after,.post .entry-content a:not(.wp-block-button__link),.project-page-content .date:before,.pagination li .btn.active,.pagination li .btn.current,.pagination li .page-numbers.active,.pagination li .page-numbers.current,.category-holder:not(.no-divider):after,.inline-divider:after,.clb-hamburger-nav .menu .nav-item:hover > a.menu-link .ion,.clb-hamburger-nav .menu .nav-item .visible > a.menu-link .ion,.clb-hamburger-nav .menu .nav-item.active > a.menu-link .ion,.clb-hamburger-nav .menu .sub-nav-item:hover > a.menu-link .ion,.clb-hamburger-nav .menu .sub-nav-item .visible > a.menu-link .ion,.clb-hamburger-nav .menu .sub-nav-item.active > a.menu-link .ion,.widgets a,.widgets a *:not(.fab),.pricing:hover .pricing_price_title,.btn-link:focus,a.btn-link:focus,.btn-link:active,a.btn-link:active,.pricing_list_item .ion,a.highlighted,.woocommerce .woocommerce-privacy-policy-text a,.blog-grid-type-6 .category-holder a.category{color:#2acf91;}.brand-border-color,.brand-border-color-hover,.has-brand-color-background-color,.is-style-outline .has-brand-color-color,.wp-block-button__link:hover,.custom-cursor .circle-cursor--outer,.btn-brand,.btn:not(.btn-link):hover,.btn-brand:active,.btn:not(.btn-link):active,.btn-brand:focus,.btn:not(.btn-link):focus,a.button:hover,button.button:hover,.pricing:hover .btn.btn-brand{border-color:#2acf91;}.brand-bg-color,.brand-bg-color-after,.brand-bg-color-before,.brand-bg-color-hover,.brand-bg-color-i,.brand-bg-color-hover-i,.btn-brand:not(.btn-outline),.has-brand-color-background-color,a.brand-bg-color,.wp-block-button__link:hover,.widget_price_filter .ui-slider-range,.widget_price_filter .ui-slider-handle:after,.main-nav .nav-item:before,.main-nav .nav-item.current-menu-item:before,.widget_calendar caption,.tag:not(.tag-portfolio):hover,.page-headline .tags .tag,.radio input:checked + .input:after,.menu-list-details .tag,.custom-cursor .circle-cursor--inner,.custom-cursor .circle-cursor--inner.cursor-link-hover,.btn-round:before,.btn:not(.btn-link):hover,.btn:not(.btn-link):active,.btn:not(.btn-link):focus,button.button:not(.btn-link):hover,a.button:not(.btn-link):hover,.btn.btn-flat:hover,.btn.btn-flat:focus,.btn.btn-outline:hover,nav.pagination li .btn.active:hover,.tag:not(body):hover,.tag-cloud-link:hover,.pricing_price_time:hover,.pricing:hover .btn.btn-brand{background-color:#2acf91;}.clb-popup.clb-hamburger-nav{background-color:#2acf91;}.site-header{border:none;}.site-header.header-fixed{border:none;}#masthead .btn-optional{background-color:#18ce84;border-color:#18ce84;}.clb-page-headline::after{background-color:transparent;}.page-container,.elementor .elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.header-wrap.page-container{max-width:1300px;}.site-footer .page-container{max-width:1300px;}.spinner .path,.sk-preloader .sk-circle:before,.sk-folding-cube .sk-cube:before,.sk-preloader .sk-child:before,.sk-double-bounce .sk-child{stroke:#2acf91;background-color:#2acf91;}.sk-percentage .sk-percentage-percent{color:#2acf91;}.page-preloader:not(.percentage-preloader),.page-preloader.percentage-preloader .sk-percentage{background-color:#202a36;}.clb-subscribe-img{background-image:url("https://nitrocdn.com/BpcviVpjSlgWMKjnqlyToOtJvVlMyXfy/assets/static/optimized/rev-b072080/wp-content/uploads/2019/10/oh__img9-768x960.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;}.clb-subscribe-img.nitro-lazy{background-image:none !important;}.site-footer{background-color:#2acf91;color:rgba(255,255,255,.8);}.site-footer,.site-footer .widgets a,.site-footer .btn-flat{color:rgba(255,255,255,.8);}.site-footer .widget-title{color:#01203d;}body{}.countdown-box .box-time .box-count,.chart-box-pie-content{}.countdown-box .box-time .box-count,.chart-box-pie-content{}.countdown-box .box-time .box-count,.chart-box-pie-content{}.portfolio-item-2 h4{}p.subtitle,.subtitle-font,.heading .subtitle{}.contact-form.classic input::-moz-placeholder,.contact-form.classic textarea::-moz-placeholder{}input.classic:-ms-input-placeholder,.contact-form.classic input:-ms-input-placeholder,.contact-form.classic textarea:-ms-input-placeholder{}@media screen and (min-width:1025px){}@media screen and (min-width:769px) and (max-width:1024px){}@media screen and (max-width:768px){.site-header:not(.header-fixed) .menu > li > a,.site-header:not(.header-fixed) .menu > li .sub-nav-item a,.site-header:not(.header-fixed) .menu-optional .cart-total a,.site-header:not(.header-fixed) .menu-optional .cart .ion,.site-header:not(.header-fixed) .menu-optional > li > a,.site-header:not(.header-fixed) .select-styled,.site-header:not(.header-fixed) .clb-hamburger .clb-hamburger-holder ._shape{color:#0a0a0a;}.site-header.mobile-header .main-nav .mbl-overlay-container{background-color:#2acf91;}.clb-page-headline{min-height:150px;}}.logo img{max-width:300px;}.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .nav-item .menu-link .has-submenu-icon,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .nav-item .menu-link .btn-round-has-submenu,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .sub-nav-item .menu-link .has-submenu-icon,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .sub-nav-item .menu-link .btn-round-has-submenu{opacity:1;}.clb-hamburger-nav.type3 .clb-hamburger-nav-details .hamburger-nav-info-item{color:#fff;}.portfolio-item-grid.portfolio-grid-type-1:hover .portfolio-item-details .show-project{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}.show-project-link a{color:#2acf91;}.portfolio-item-grid .portfolio-item-details .show-project-link:after{background-color:#2acf91;}::selection{background-color:#2acf91;}.site-header.header-dynamic-typo.light-typo .site-branding .logo{display:none !important;}body .gform_wrapper .top_label div.ginput_container input{width:100%;}body.single-post .breadcrumbs-holder{margin-bottom:60px;}body .gform_wrapper .top_label div.ginput_container select{width:100%;}span.uael-gf-select-custom:after{display:none;}.uael-question-span:focus{outline:none;}.uael-faq-accordion .uael-accordion-content p{color:#2acf91;}.uael-accordion-title.uael-title-active{padding-bottom:0 !important;}body.single-post .elementor-widget-container h3{color:#19ce84 !important;font-size:24px;}li.hideme{display:none;}body.single-ohio_portfolio .page-container.top-offset.bottom-offset{padding-top:25vh;}.project-page-sticky{position:relative !important;top:0 !important;display:inline;float:left;left:0 !important;}body.page-id-220052 input#gform_previous_button_8{display:none;}@media only screen and (min-width: 1024px){.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu div.sub-nav .sub-nav-item a span,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu div.sub-sub-nav .sub-nav-item a span{font-size:1.2em;line-height:1.3em;}}.site-header.mobile-header .main-nav .nav-item.active-main-item > .menu-link{color:black;}.site-header.mobile-header .main-nav .nav-item{color:#fff;}.site-header.mobile-header .main-nav .nav-item:hover span{color:#fff;}.site-header.mobile-header a.menu-link.sub-menu-link{font-size:12px;}.site-header.mobile-header .main-nav .copyright{display:none;}body.single-post #leadformpost h3{color:#fff !important;}body.single-post h2{font-size:32px;}@media only screen and (max-width: 640px){ul.elements-bar.left{display:none;}.project-page > .vc_row{display:flex;flex-direction:column-reverse;}div#content .project-page-sticky-container,div#content .project-page-media-holder{height:auto;}.project-page.layout-type1 .project-title .headline,.project-page.layout-type2 .project-title .headline,.project-page.layout-type3 .project-title .headline,.project-page.layout-type4 .project-title .headline{font-size:26px !important;}.project-page-content .project-description p{margin:0px;font-size:14px;}.vc_col-lg-6.vc_col-md-6.vc_col-sm-12.project-page-media-holder{padding:10px !important;}}@media only screen and (max-width: 430px){.site-header .header-wrap-inner .right-part a.btn.btn-small.btn-optional{font-size:10px;}}@media only screen and (max-width: 400px){.site-header .header-wrap-inner .right-part li.btn-optional-holder{display:none;}li.hideme{display:block;}}