Xtra Theme, Editing the look/position of one button

Store Design
,
1

Hello,

The location and size of the button is sometimes in a location that does not make sense. I know the theme setting allows for me to move it to pre-determined locations. Is there anyway that I can edit the code for one button so that I choose where it is displayed?

2

Hi @ttg7 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

3

ttg7_0-1669129938223.png
ttg7_0-1669129938223.png310×373 157 KB

No thanks, but if you can figure out how to move the content more into the top left corner, please let me know.

4

Hi @ttg7 ,

Sorry, I can’t check without accessing the site, if you want privacy you can send it via private message.

Hope it is clear to you.

5

tabletopglassware.com

6

Hi @ttg7 ,

Go to Assets > screen.css and paste this at the bottom of the file:

@media only screen and (max-width: 760px) {
  #shopify-section-template--15996323430570__1660291161fe2caafb .mobile-compact li > div {
    padding-top: 10px !important;
    padding-left: 10px !important;
  }
}

you can change the number yourself, it will change the position as you like

7

This did not work for the desktop version of the site, but it did change the mobile version! How can I do the same thing for the desktop version?

8

Hi @ttg7 ,

Go to Assets > screen.css and paste this at the bottom of the file:

@media only screen and (min-width: 761px) {
  #shopify-section-template--15996323430570__1660291161fe2caafb .mobile-compact li > div {
    padding-top: 10px !important;
    padding-left: 10px !important;
  }
}

you can change the number, it will work for desktop only, this will make it easy to manage everything

9

Thank you so much for your help! Have a happy thanksgiving!

1 Like