Heading different from mobile and desktop

Solved
Highlighted
Tourist
24 0 1

Hello,

 

don't know why i create a title with the title tool incorporated in the product page i see it correctly from desktop ( with dimension of the text that chenge from header 1 , to header6).

 

But when i see it from chrome on mobile the dimension of all the headers doesnt change, i see that the font is also different from the font i see on the desktop version.

 

Link:https://epilsense.com/products/prova2

 

Screenshot_4.pngScreenshot_5.png

 

here's the code of the section tipography of styles.scss:

/* #Typography
================================================== */
.logo {
  font-family: {{ settings.logo__font.family }}, {{ settings.logo__font.fallback_families }};
  font-weight: {{ settings.logo__font.weight }};
  font-style: {{ settings.logo__font.style }};
  font-size: {{ settings.logo_font_size }}px;
  text-transform: {{ settings.logo_font_style }};
  line-height: 1.2em;
  {% if settings.use_logo %}
    line-height: 0;
  {% endif %}
}

/*  Headings  */

h1 {
  @include headline-style($font-size-header);
  margin: 0 auto 15px;
  clear:both;
  font-weight: {{ settings.headline__font.weight }};
  padding-top: 4px;
  a {
    &:link, &:visited {
      font-weight: inherit;
      color: {{ settings.headline_color }};
    }
    &:hover, &:active {
      color: {{ settings.link_color }};
    }
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px {{ settings.border_color }};
  }
}

h2, .h2, h2.title {
  @include headline-style(floor($font-size-header*0.9));
  margin-bottom: 0.75em;
  a {
    font-weight: inherit;
  }
  &.collection_title {
    margin-bottom: 0;
    display: inline;
  }
  &.product_name a {
    color: {{ settings.headline_color}};
  }
}
.cart h2 {
  margin-top: 0;
}

h3, .h3 {
  @include headline-style(floor($font-size-header*0.8));
  margin: 0 auto 15px 0;
  a, a:visited {
    font-weight: inherit;
    color: {{ settings.headline_color }};
  }
  &.title {
    line-height: 1.25;
    margin: 0 auto 15px;
    clear:both;
    padding-top: 4px;
    a, a:visited {
      color: {{ settings.headline_color }};
    }
  }
  &.sub_title {
    padding: 5px 0;
    color: {{ settings.headline_color }};
    a {
      color: {{ settings.headline_color }};
    }
  }
}

h4, .h4 {
  @include headline-style(floor($font-size-header*0.7));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title a {
    border: 0;
    padding: 0;
    margin: 0;
  }
}

h5, .h5 {
  @include headline-style(floor($font-size-header*0.65));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.sub_title {
    padding: 5px 0;
    color: {{ settings.headline_color }};
    a {
      color: {{ settings.headline_color }};
    }
  }
}

h6, .h6 {
  @include headline-style(floor($font-size-header*0.6));
  letter-spacing: {{ settings.headline_letter_spacing | divided_by: 2 }}px;
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  font-size:24px;/*	QUI DECIDI ALTEZZA TITOLI DELLA DESCRIZIONE HEADING 6*/
  a {
    font-weight: 700/*inherit ERA PRIMA MODIFICATO*/;
  }
  &.title {
    line-height: 32px;
    margin: 0 0 0.5em 0;
    color: {{ settings.headline_color }};
  }
}

.cart h6 {
  margin-top: 0;
}

.collection_title {
  @include headline-style;
  margin: 0 auto 15px;
  clear: both;
  padding-top: 4px;
  a {
    font-weight: inherit;
    color: {{ settings.headline_color }};
    &:hover, &:active {
      color: {{ settings.link_color }};
    }
  }
}

div {
  &.collection_title {
    margin-bottom: 0;
    line-height: {{ settings.headline_font_size }}px;
    display: inline;
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px {{ settings.border_color }};
  }
}

.headline,
.empty_cart,
.promo_banner,
.title {
  @include headline-style;
}

.title.insta,
.title.twitter {
  @include respond-to('medium-down') {
    text-align: center;
  }
  a {
    color: {{ settings.headline_color }};
  }
}

.title.center.blog a {
 color: {{ settings.headline_color }};
}

/*  Content  */

p {
  margin: 0 0 15px;
  font-style: normal;
  line-height: 1.6em;/*1.6em E' QUESTA L'INTERLINEA*/
  img {
    margin: 0;
  }
}

sub {
  font-size: 60%;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 90%;/*90%*/
}

.feature img {
  position: relative;
  top: 7px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}

.onboard-text {
  margin: 0;
}

.page-divider {
  opacity: 0;
  border-color: {{ settings.headline_border_color }};
  border-top: 0;
}

.active-divider {
  opacity: 1;
}

.feature p {
  font-size: smaller;
}

#featured_links {
  padding: 20px 0;
  h2 {
    padding-top: 15px;
  }
}

{% if settings.featured_links_style == blank %}
  #featured_links .column, #featured_links .columns {
    opacity: 1;
  }
{% endif %}

//Add default spacing to allow room for stars (from Shopify review app)
.slider-gallery .shopify-product-reviews-badge {
  height: 30px;
  display: block;
}

//Add spacing below review stars (from Shopify review app)
.spr-badge + .feature_divider {
  margin-top: 15px;
}
.spr-badge {
  padding: 5px 0;
}
.thumbnail .spr-badge-caption {
  display: none;
}
div#shopry-review-photos a { display: block !important; }

//Feature divider variables
$borderWidth: {{ settings.headline_border }}px;
$borderWidthHr: {% if settings.headline_border == '4' %}4px{% elsif settings.headline_border == '1' %}1px{% else %}0{% endif %};
$borderStyle: {{ settings.divider_style }};

.feature_divider {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  border: 0;
  border-color: {{ settings.headline_border_color }};
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;

  &.no-margin {
    margin-bottom: 0px;
  }

  @include respond-to('medium-down'){
    margin-bottom: 10px;
  }
}

div.container.bottom-fix {
  padding-bottom: 0px;
}

.page .feature_divider,
.page h2.title + .feature_divider {
  margin-bottom: 15px;
}

/*  Blockquotes  */

blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid {{ settings.border_color }};
  cite {
    display: block;
    font-size: 12px;
    color: #555;
    a, a:visited {
      color: #555;
    }
    &:before {
      content: "\2014 \0020";
    }
  }
}

hr {
  border-color: {{ settings.headline_border_color }};
  border-width: $borderWidthHr;
  border-style: $borderStyle;
  clear: both;
  margin: 12px 0;
  height: 0;
}

.cart_container {
  hr {
    border-top-width: 0px;
  }
}

div.section.collection_description {
  margin: 0 0 1.5em 0;
}

/* #Links
================================================== */
a,
a:visited,
a span {
  color: {{ settings.link_color }};
  text-decoration: none;
  position: relative;
  transition: color .1s linear;
}

a:hover,
a:focus {
  color: {{ settings.link_hover_color }};
}

a,
button,
input,
select,
textarea,
label,
summary {
  touch-action: manipulation;
}

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
  ul, ol {
    margin: 4px 0 5px 30px;
    li {
      margin-bottom: 6px;
    }
  }
  li {
    margin-bottom: 12px;
  }
}

ul {
  list-style: disc outside;
  &.square {
    list-style: square outside;
  }
  &.circle {
    list-style: circle outside;
  }
  &.disc {
    list-style: disc outside;
  }
  &.large li {
    line-height: 21px;
  }
  &.none {
    list-style: none outside;
    margin-left: 0;
  }
  &.border {
    list-style: none outside;
    line-height: 26px;
    li {
      border-bottom: 1px solid {{ settings.border_color }};
      list-style: none outside none;
      padding: 12px 0;
      margin-bottom: 0;
    }
  }
}

ol {
  list-style: decimal;
}

/* #Menu
================================================== */
.header {
  z-index: 1000;
  width: 100%;
  top: 0;
  a, a:visited, a span, select.currencies {
    color: {{ settings.nav_color }};
    text-shadow: none;
  }
  div.container {
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

body.is-active {
  overflow-y: hidden;
  #header {
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

#header.mobile_nav-fixed--true,
.mobile_nav-fixed--false.is-active #header {
  position: fixed;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 0;
}

#header {
  display: none;
  .top_bar {
    text-align: center;
    height: 40px;
    @include flexbox();
    @include align-items(center);
    .icon-search {
      z-index: 3;
      &:before {
        font-size: 18px;
      }
    }
    a {
      &.right {
        left: auto;
        right: 15px;
        font-size: 20px;
        padding-top: 8px;
        top: 4px;
        z-index: 1;
      }
      &.mobile_nav {
        @include flexbox();
        @include align-items(center);
        z-index: 1;
      }
    }
    > a, > a:visited, > a:active {
      display: block;
      font-size: 25px;
      outline: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    a span {
      color: {{ settings.top_bar_color }};
      display: inline-block;
      padding-left: 4px;
      position: relative;
    }
  }
}

#header .top_bar a.icon-bag:before,
#header .top_bar a.icon-cart:before {
  font-size: 18px !important;
}

.nav ul.mobile_menu li a {
  display: inline-block;
}

.menu .vertical-menu {
  li {
    position: relative;

  }
}
.vertical-menu {
  display: inline;
}

.menu .vertical-menu li:hover .vertical-menu_submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  pointer-events: none;
  text-align: left;
  width: 270px;
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
    font-size: {{ settings.mega_text_font_size }}px;
    letter-spacing: {{ settings.mega_text_letter_spacing }}px;
  }
  span.icon-down-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

.menu .vertical-menu_submenu.is-visible,
.menu .vertical-menu_sub-submenu.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_sub-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 5s ease-in;
  pointer-events: none;
  width: 270px;
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
  }
}

.vertical-menu_submenu.vertical-menu--align-right {
  right: 0;
  left: auto;
}

.vertical-menu_sub-submenu.vertical-menu--align-right {
  right: 100%;
  left: auto;
}

/*  Mobile nav  */

#header .mobile_nav.dropdown_link {
  width: 25%;
  span.menu_title {
    position: absolute;
    left: 40px;
    display: none; /*MODIFICATO SE TOGLI QUESTO FARA'VEDERE LA SCRITTA MENU*/
  }
}

.mobile_nav div {
  width: 30px;
  height: 40px;
  position: relative;
  float: left;
  margin: 0 8px 0 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
  cursor: pointer;
}

.mobile_nav div span {
  display: block !important;
  position: absolute !important;
  height: 1px !important;
  width: 100%;
  background: {{ settings.top_bar_color }};
  border-radius: 9px;
  opacity: 1;
  left: 0;
  padding: 0 !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
}

.mobile_nav div span:nth-child(1) {
  top: 10px;
}

.mobile_nav div span:nth-child(2),.mobile_nav div span:nth-child(3) {
  top: 20px;
}

.mobile_nav div span:nth-child(4) {
  top: 30px;
}

.mobile_nav div.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.mobile_nav div.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile_nav div.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile_nav div.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#mobile_menu {
  margin: 10px 20px;
  li {
    padding-right: 0;
    display: block;

    a span.icon-down-arrow {
      padding: 0 15px !important;
    }
  }
  .sublink ul {
    display: none;
    margin-left: 0;
    padding-left: 10px;
  }
}

.feature_image.editor-hover--true {
  .main_nav,
  .dropdown {
    @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
    clear: both;
    transition: all 0.3s linear;
    animation: fadeIn 0.3s linear none;
  }
}

.top_bar {
  height: 40px;
  background-color: {{ settings.top_bar_bg_color }};
  padding: 0 0 0 10px;
  .social_icons {
    float: left;
    margin: 0;
    padding-left: 10px;
    li {
      padding: 5px;
    }
  }
  a {
    @include flexbox();
    @include align-items(center);
  }
  ul.social_icons a {
    display: inline;
    @include flex(none);
  }
  .top_bar--right {
    @include flexbox();
    @include align-items(center);
    margin-left: auto;
    height: 40px;
    .icon-search {
      display: inline-block;
      line-height: 0;
      padding-right: 15px;
    }
    .cart_container {
      display: inline-block;
    }
  }
}

.main_nav,
.dropdown {
  @include background-opacity({{ settings.header_bg_color }}, {% if settings.transparent_header %}0.9{% else %}1{% endif %});
  clear: both;
  transition: all 0.3s linear;
  animation: fadeIn 0.3s linear none;
}

{% if settings.header_background == false %}
  .feature_image .main_nav,
  .feature_image .dropdown {
    background: transparent;
  }
{% endif %}

.sticky_nav {
  position: fixed;
  width: 100%;
  z-index: 35;
  top: 0;
  left: 0;
  padding: 0;

  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);

  /* Animations */
  transition: all 300ms ease-in-out;
}

.is-active .sticky_nav {
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.sticky_nav--stick {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
  @include respond-to('medium-down') {
    display: none;
  }
}

.sticky_nav--unstick {
  opacity: 0;
  transition: opacity 0s;
}

.sticky_nav ul.menu, .sticky_nav .mini_cart {
  padding-bottom: 0 !important;
}

.menu.center,
.menu.align_right,
.menu.align_left {
  margin: 0 20px;
}

.menu {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  li {
    display: inline-block;
    margin: 0;
    border: 0;
  }
}

.nav ul li a.sub-menu {
  padding: 10px 4px 10px 4px;
  z-index: 1001;
}

.nav ul li:hover a.sub-menu {
  color: {{ settings.nav_color }};
}

.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-weight: {{ settings.nav__font.weight }};
  font-style: {{ settings.nav__font.style }};
  font-size: {{ settings.nav_font_size }}px;
  text-transform: {{ settings.nav_font_style }};
  color: {{ settings.nav_color }};
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  letter-spacing: {{ settings.nav_letter_spacing }}px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  @include respond-to('medium-down') {
    font-size: {{ settings.top_bar_font_size }}px;
  }
}

.feature_image .main_nav a,
.feature_image .main_nav a span {
  color: {{ settings.nav_color_home }};
}

.menu li, #header span.menu_title,
.menu a span, select.currencies,
.mini_cart span {
  padding-left: 5px;
  padding-right: 5px;
}

#header span.menu_title {
  cursor: pointer;
  height: 40px;
  line-height: 20px;
  margin-top: -2px;
 
}

.menu li {
  vertical-align: top;
}

select.currencies {
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  @if (lightness({{ settings.top_bar_bg_color }}) > 50) {
    background-image: url({{ "select.png" | asset_url }}); // Lighter background
  } @else {
    background-image: url({{ "select_light.png" | asset_url }}); // Darker background
  }
  @include respond-to('medium-down'){
    font-size: 16px;
  }
}

#mobile_menu select.currencies {
  padding-left: 0;
}

.feature_image .header .menu a,
.feature_image .header .menu a:visited,
.feature_image .header .menu a span {
  color: {{ settings.nav_color_home }};
  {% if settings.nav_shadow %}
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  {% endif %}
}

.feature_image .header .menu a[href]:hover,
.menu a.active,
.menu a.active span,
.feature_image .header .menu a.active,
.header_bar a.active,
.feature_image .header .menu a:focus {
  color: {{ settings.nav_color_hover }};
}

.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
  color: {{ settings.nav_color_hover }};
}

.menu a.top_link,
.menu a.dropdown_link {
  border-bottom: solid 1px transparent;
}

.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {
  border-bottom: solid 1px {{ settings.nav_color_hover }};
}

.feature_image a.top_link:hover {
  border-bottom: solid 1px {{ settings.nav_color_hover }};
}

.menu a span {
  display: inline;
  vertical-align: top;
}

.top_bar a,
.top_bar a:visited,
.top_bar a:active,
.top_bar a span,
.top_bar select.currencies,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top_bar .menu a,
.feature_image .header .top_bar .menu a span,
.cart_container .mini_cart:hover {
  color: {{ settings.top_bar_color }};
  font-size: {{ settings.top_bar_font_size }}px;
  letter-spacing: {{ settings.top_bar_letter_spacing }}px;
}

.top_bar li a:hover,
.top_bar li a[href]:hover,
.top_bar li a[href]:hover span,
.top_bar li a:active,
.top_bar li a:hover span,
.top_bar a:active span,
.top_bar .currencies:hover,
.feature_image .header .top_bar .menu a:hover,
.feature_image .header .top_bar .menu a:hover span {
  color: {{ settings.top_bar_color_hover }};
}

.top_bar li {
  padding-left: 10px;
  padding-right: 10px;
}

.top_bar .menu a, .top_bar .social_icons a {
  height: 40px;
  line-height: 40px;
  padding: 0;
}

/*  Mini cart  */
.mini_cart,
.nav a.mini_cart {
  float: right;
  text-align: center;
  cursor: pointer;
  background-color: {{ settings.top_bar_cart_bg_color }};
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  height: 40px;
  z-index: 2001;
  @include respond-to('medium-up'){
    padding-left: 15px;
    padding-right: 15px;
  }
  @include respond-to('medium-down'){
    right: 0;
  }
}

.cart_container {
  li.cart_item {
    @include flexbox();
    @include justify-content(space-between);
    .sale,
    .price {
      margin-left: auto;
      margin-right: 10px;
      @include flexbox();
      @include flex-direction(column);
      text-align: right;
    }
    .cart_item__title {
      width: 50%;
    }
  }
}

.nav a.mini_cart {
  {% if settings.search_enabled %}
    margin-left: 10px;
  {% else %}
    margin-left: 15px;
  {% endif %}
}

.top_bar a.mini_cart span {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
}

a.tos_icon,
.cart_content a.tos_icon {
  font-size: 13px;
  color: {{settings.link_color}};
  &:visited {
    color: {{settings.link_color}};
  }
  &:hover {
    color: {{settings.link_hover_color}};
  }
}

.cart_content__continue-shopping {
  display: none;
}

.no-touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
  }
}

.no-touchevents,
.touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
    @include respond-to('medium-down') {
      display: block;
      border-top: 0;
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: static;
      font-size: inherit;
      letter-spacing: inherit;
    }
  }
}

.mini_cart span {
  display: inline-block;
}
.cart_container .cart_content {
  display: none;
}

.cart_container.active_link .cart_content {
  display: block;
  overflow-y: auto;
  max-height: calc(90vh - 60px);
}

.cart_container.active_link .cart_content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.cart_container.active_link .cart_content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

//Prevent mini cart from appearing on cart page for touchscreen devices
html.touchevents .cart .cart_container {
  pointer-events: none;
}

.cart_content .product-quantity-box,
#cart_form .product-quantity-box {
  margin: 10px 0;
  width: 130px;
}
.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
  padding: 0 5px;
  width: 30%;
  min-height: 30px;
  height: 30px;
}
.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}
.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}

#cart_form .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-plus,
.nav .product-quantity-box .product-minus,
.nav .product-quantity-box .product-plus {
  padding-right: 0;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
  position: relative;
  left: 1px;
}

{% if settings.button_style == 'pill_shaped' %}
  .product-quantity-box .product-plus {
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .product-quantity-box .product-minus {
    -webkit-border-top-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
{% elsif settings.button_style == 'rounded' %}
  .product-quantity-box .product-plus {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .product-quantity-box .product-minus {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
{% endif %}

.cart_container.active_link .mini_cart,
.cart_container.active_link .mini_cart span {
  background-color: {{ settings.minicart_bg_color }};
  color: {{ settings.regular_color }} !important;
}

.cart_content {
  top: 40px;
  right: 0;
  position: absolute;
  z-index: 2000;
  background-color: {{ settings.minicart_bg_color }};
  font-family: {{ settings.regular__font.family }}, {{ settings.regular__font.fallback_families }};
  font-weight: {{ settings.regular__font.weight }};
  font-style: {{ settings.regular__font.style }};
  font-size: smaller;
  text-transform: {{ settings.regular_font_style }};
  color: {{ settings.regular_color }};
  border: 1px solid {{ settings.border_color }};
  border-top: 0;
  border-right: 0;
  width: 100%;
  max-width: 320px;
  @include respond-to('medium-up'){
    max-width: 420px;
  }
}

div.cart_content form {
  margin: 15px 0 0 0;
  padding: 0;
}

.cart .cart_subtotal {
  font-weight: bold;
  font-size: larger;
}

.cart_content .cart_subtotal {
  text-align: left;
  font-weight: bold;
}

.cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
  color: {{ settings.regular_color }} !important;
}

.cart_content a .price span {
  padding-left: 5px;
}

.cart_content ul {
  list-style: none;
  margin: 0;
  padding: 15px 20px;
}

.cart_content ul li {
  list-style: none;
  clear: both;
}

.cart_content .action_button {
  width: 100%;
}

.top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
  font-size: {{ settings.top_bar_font_size | plus: 3 }}px;
  margin-right: 0;
}

#customer_login_guest,
#customer_login {
  display: inline;
  @include respond-to('small-down') {
    display: block;
  }
}

input[type="submit"].guest_button, input[type="button"].guest_button {
  color: {{ settings.link_color }};
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  &:hover {
    background: transparent;
    border: 0;
    color: {{ settings.link_hover_color }};
  }
  @include respond-to('medium-up') {
    text-align: center;
  }
}

.menu ul li .mini_cart span {
  padding-left: 5px;
  top: -1px;
}

.sticky_nav div.logo img {
  width: 60%;
}

.dropdown_container {
  clear: both;
  width: 100%;
  display: none;
}

.dropdown_container img {
  max-width: 100%;
}

.dropdown {
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.dropdown_content {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.dropdown_container.mega-menu .dropdown_content {
  @include flexbox();
  @include flex-direction(row);
  width: 100%;
  margin: 0 auto;
}

.mega-menu__richtext,
.mega-menu__image-caption-link {
  padding: 0 5px;

  img {
    margin-bottom: 10px;
  }
}

.mega-menu__richtext a,
.mega-menu__richtext a:active,
.mega-menu__richtext a:hover {
  display: inline-block;
  text-transform: none;
}

.mega-menu__image-caption-link {
  text-align: center;
  margin-bottom: 10px;

  a, a:visited, a:active, a:hover {
    text-transform: none;
    display: block;
  }
}

.dropdown_content a p,
.mobile-mega-menu a p {
  padding: 0;
}

.dropdown_content p,
.mobile-mega-menu p {
  font-family: {{ settings.nav__font.family }}, {{ settings.nav__font.fallback_families }};
  font-size: {{ settings.nav_font_size }}px;
  font-style: {{ settings.nav__font.style }};
  color: {{ settings.nav_color }};
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  margin-bottom: 0;

}

.dropdown_content p,
.dropdown_content a,
.dropdown_content a:hover,
.dropdown_content a:active {
  font-size: {{ settings.mega_text_font_size }}px;
  letter-spacing: {{ settings.mega_text_letter_spacing }}px;
}

.dropdown_column__menu + .dropdown_column__menu {
  margin-top: 10px;
}

.dropdown_narrow {
  width: 60%;
}

.dropdown_column {
  display: table-cell;
  padding: 15px 20px 30px 20px;
  width: 16.666%;
  vertical-align: top;

  img {
    max-width: 100%;
  }

  ul {
    margin: 0;
    padding: 0;
  }

  ul.dropdown_title {
    border-bottom: solid 1px {{ settings.nav_color }};
    padding-bottom: 10px;
  }

  ul.dropdown_item {
    text-align: center;
  }
}

.dropdown_container.mega-menu .dropdown_column {
    display: inline-block;
    padding: 15px 20px 30px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 16.666%;
    flex: 1 0 16.666%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: top;
}

.dropdown_column li {
  display: block;
}

.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
  padding-bottom: 0;
  text-transform: none;
}

.dropdown_row {
  display:table-row;
}

select.currencies {
  border: 0 !important;
  background-color: transparent;
  margin-bottom: 0 !important;
  min-width: 65px;
  outline: 0;
  background-position: 96.5% 55%;
  background-size: 18px 12px;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
}

 do you know how to fix this?

 

Thanks

0 Likes
Highlighted
Shopify Partner
6038 887 2038

what would you have like exactly Desktop or mobile?  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
24 0 1

i want them working on mobile like in the desktop mode

1 Like
Highlighted
Shopify Partner
6038 887 2038

This is an accepted solution.

I have sent a solution on personal message.
Thanks 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 1

Hello,

I am dealing with the same issue as i have chosen Oswald Light as my font for my headers (for which i have added the wo and wo2 rules) and while it shows exactly the way on my desktop it shows differently on mobile.

Please help

Thank you

1 Like
Highlighted
Shopify Partner
6038 887 2038

Hello, @kckliu1 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 1

Hi KetanKumar,

Thank you for your quick response.

I have send you the URL to your gmail.

Thanks!

0 Likes
Highlighted
Shopify Partner
6038 887 2038

@kckliu1 

Thanks

but, your store is password protec.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 1

Sorry about that - removed the pw protection

0 Likes