custom HTML

Solved
New Member
8 0 0

Hello,

 

I insert to the home page of the site "custom HTML", to change the look of the footer on mobile. with this code its working great. now... i need this code to set to all of my site's pages, not just the main page.

I tried to copy it to the theme file. under the "general style" or in the bottom of the theme file and its messing the all appearance of the site :\

how i need to write the same setting in the theme?

thank you!

 

 

@media only screen and (max-width: 749px) {
.two-twelfths {
width: 34%;
flex: none;
text-align: left;
}
.one-half{
width: 65%;
flex: none;
text-align: left;

}

.one-third {
width: 100%;
flex: none;
margin-top: 15px;
width: 96%;
text-align: left;

}
.main-content {
padding-top: 15px;
}

0 Likes
Navigator
358 39 40

@oritcha wrote:

Hello,

 

I insert to the home page of the site "custom HTML", to change the look of the footer on mobile. with this code its working great. now... i need this code to set to all of my site's pages, not just the main page.

I tried to copy it to the theme file. under the "general style" or in the bottom of the theme file and its messing the all appearance of the site :\

how i need to write the same setting in the theme?

thank you!

 

 

@media only screen and (max-width: 749px) {
.two-twelfths {
width: 34%;
flex: none;
text-align: left;
}
.one-half{
width: 65%;
flex: none;
text-align: left;

}

.one-third {
width: 100%;
flex: none;
margin-top: 15px;
width: 96%;
text-align: left;

}
.main-content {
padding-top: 15px;
}


css changed need to be applied very carefully and it is time taking task, I can check and do it for you, you can message me on my details. 

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
8 0 0

If i wanted to hire a freelancer i wont ask here.
so.. no thank you.

I'm looking for advice to do it by my self. this is the all purpose om this community... 

0 Likes

Success.

Shopify Expert
2507 423 532

Hi @oritcha 

Sure we are here to help you.

You made mistake on code just forget to close "}".

add this css:

@media only screen and (max-width: 749px) {
  .two-twelfths {
    width: 34%;
    flex: none;
    text-align: left;
  }
  .one-half{
    width: 65%;
    flex: none;
    text-align: left;

  }

  .one-third {
    width: 100%;
    flex: none;
    margin-top: 15px;
    width: 96%;
    text-align: left;

  }
  .main-content {
    padding-top: 15px;
  }
}

Let me know if you need any help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
8 0 0

THANK YOU SO MUCH!!

 

IT WORED (:

0 Likes