Supply Theme in Mobile

New Member
32 0 0

Hello Experts,

i just installed on my supply theme Wishlist App.

everything is fine in, i even make some code chagnes and put the button on my header.

i add the button code to header.liquid

and it's look like this (in desktop version)

 'Saved Items' button.

but in mobile version it's look like this

there is a way to make it invisable in mobile version? and put it in the menu?? (only in mobile)

i make some photoshop preview:

any suggestion?

Thanks

0 Likes
Shopify Partner
221 0 13

Hey Tim :D

All the images apper to be broken on myside D: But I think it should be something pretty easy. Supply uses Timber Framework for the front end. You can see the hidden classes here: http://shopify.github.io/Timber/#helper-classes Just set up the clases to the button to the size to which you dont want to show the button :P If you know coding it should be fairly easy. :D If not then you would need to ask someone to code it in for you :P 

Good Luck :D 

Cheers! :D

Entrepreneur, Developer, Geek, Gamer and very passionate about WEB development! :P

Need help with your Shopify Store? Contact me: jfeuchter@gmail.com :D
0 Likes
New Member
32 0 0

Hi Jurgen,

i fixed the pictures, thank you

unfortunately, i don't know how to do it :( i have very minimal knowlagde 

but if you say it's fairly easy so maybe you can help? :)

 

0 Likes
Highlighted
Shopify Partner
221 0 13

Haha Ok. pass me the code you did and a link to your store so I can see how i can help :P 

Cheers! :D 

 

Entrepreneur, Developer, Geek, Gamer and very passionate about WEB development! :P

Need help with your Shopify Store? Contact me: jfeuchter@gmail.com :D
0 Likes
New Member
32 0 0
<style>
i.icon-swym-wishlist {
font-family: ‘swym-icons’;
font-style: normal; 
vertical-align:middle;
color: #ffffff
}
i.icon-swym-wishlist+span {
vertical-align: middle;
  color: #ffffff
}
i.icon-swym-wishlist:after {
content: ‘\f004’;
font-size: 130%;
line-height: 18px;
text-align: center;
display: inline;
  color: #ffffff
}
</style>

<a href="https://womenpalace.com/apps/swymWishlist/wishlist/index.php?">
<i aria-hidden=”true” focusable=”false” role=”presentation” class=”icon icon-swym-wishlist”>
</i>
<span>Saved Items</span>
 </a>
<span>&nbsp |</span>

i put it in header.liquid

my shop address is

www.womenpalace.com

THANKS ALOT :)

0 Likes
New Member
32 0 0

BTW

when i enter the links:

Saved Items and Sing Up/User

there is a wierd white area in my footer

i believe the problem is with the code i made

0 Likes
New Member
32 0 0

hello?

0 Likes
Shopify Partner
221 0 13

Sorry went out haha Ill have it in just a min.

Entrepreneur, Developer, Geek, Gamer and very passionate about WEB development! :P

Need help with your Shopify Store? Contact me: jfeuchter@gmail.com :D
0 Likes
Shopify Partner
221 0 13
<style>
i.icon-swym-wishlist {
font-family: ‘swym-icons’;
font-style: normal; 
vertical-align:middle;
color: #ffffff
}
i.icon-swym-wishlist+span {
vertical-align: middle;
  color: #ffffff
}
i.icon-swym-wishlist:after {
content: ‘\f004’;
font-size: 130%;
line-height: 18px;
text-align: center;
display: inline;
  color: #ffffff
}
</style>

<div class="small--hide medium--hide">
<a href="https://womenpalace.com/apps/swymWishlist/wishlist/index.php?">
<i aria-hidden=”true” focusable=”false” role=”presentation” class=”icon icon-swym-wishlist”>
</i>
<span>Saved Items</span>
 </a>
<span>&nbsp |</span>
</div>
<div class="small--show large--hide">
	<a href="https://womenpalace.com/apps/swymWishlist/wishlist/index.php?" name="Saved Items" style="background-color:rgb(255, 187, 91);position: fixed;top: 30%;width: 30px;height: 30px;left: 2px;border-color: rgb(255, 187, 91);">
		<div class="icon-fallback-text">
	        <span class="icon icon-collection-view-list"></span>
	        <span class="fallback-text">Saved Items</span>
     	</div>
    </a>
</div>

Check if you like this code jajaja just replace it with your code :P Hope you like it :D 

Cheers! :D

Entrepreneur, Developer, Geek, Gamer and very passionate about WEB development! :P

Need help with your Shopify Store? Contact me: jfeuchter@gmail.com :D
0 Likes
New Member
32 0 0

Hi Jurgen,

Thank you for you help, really

unfortunately, your code doesn't work well 

now in the Desktop version it's looks like that

and in Mobile version the 'Saved Items' doesn't show in the menu

and its shows and weird icon 

Thank You

0 Likes