Radhika22

@tuanphan Thank you!! Is there any way I can make the space between the text and buttons smaller for mobile only as well?

Site URL: https://www.jivamorelife.com/links Hi - How can I make the photo of myself smaller on the mobile view of the site? It is small on the web view but enlarges on mobile (photos below). This page is supposed to look like a "linktree" page, but it is hosted on my website. @tuanphan - Can you help?

@tuanphan Thank you!

@tuanphan Can you help me show 2 products per row on mobile for the section highlighted below on the homepage? https://www.jivamorelife.com/

@tuanphan Thank you!!

Now the announcement bar is sticky on mobile (thank you!), but it is cut off in tablet view, and does not show up on the desktop version. I want the announcement bar below the header.

@tuanphan Yes, those fixes would be really helpful!! How would you suggest I fix them?

Yes. Also, why is it not showing on desktop?

The Announcement Bar banner only shows up on mobile, not on desktop versions. Plus, on the mobile version, it is not sticky. https://www.jivamorelife.com/

@tuanphan Thank you!!

@tuanphan Thank you! Can you do the same for this page? https://www.jivamorelife.com/candy-clouds-mini-paintings For the collections page, the last item is showing up very large instead of the same size as the others in mobile view. How I fix this? https://www.jivamorelife.com/collections

@tuanphan Thanks! That fixed it on mobile, but it did not fix it on the desktop where you still can't see it. How can I see this banner on desktop? Also, how can I make this banner sticky so it always shows?

@tuanphan When I add an Announcement Bar, it doesn't show up on the desktop view, only on the mobile version. Also there is a big space after the Announcement Bar in the mobile version and when you scroll, this bar goes over the header instead of being sticky. How can I fix these 3 issues? (Images below) I've also listed all of the custom css code on my website below. /* Fixed Header */ .Header { position: fixed; z-index: 9999; width: 100%; top: 0px; } .Content-outer { margin-top: 50px; } // fixed header navigation for desktop, tablet and mobile // header, .Mobile { width: 100%; position: fixed; position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; } /* Mobile header */ .Mobile-bar.Mobile-bar--top { padding-top: 0px; padding-bottom: 0px; } a.Mobile-bar-branding { padding-top: 0px; padding-bottom: 0px; } .Mobile-bar-branding-logo { width: 70px; } /* Mobile-Banner side by side */ @media screen and (max-width:767px) { div#page-60c94c80079fbe716535f7e8 .span-3 { width: 50% !important; float: left !important; } } /* Mobile-Homepage-2 columns */ @media screen and (max-width:640px) { section#products-1 .span-3, section#products-2 .span-3 { width: 50% !important; float: left !important; } section#products-1 .span-3:nth-child(2n+1), section#products-2 .span-3:nth-child(2n+1) { clear: left !important; } } /* 2 Column Product Grid */ @media only screen and (max-width:640px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .products .grid-item { width: 48%; } } /* 2 products columns - Watercolor splatters */ @media screen and (max-width:640px) { div#page-5f489bc95b4e2969d5bf026c .span-3 { width: 50% !important; float: left !important; } div#page-5f489bc95b4e2969d5bf026c .span-3:nth-child(2n+1) { clear: left !important; } } /* product 2 columns mobile */ @media screen and (max-width:640px) { /* Mini paintings */ div#page-60246570a7841d194bd52219 .span-3 { width: 50% !important; float: left !important; } div#page-60246570a7841d194bd52219 .span-3:nth-child(2n+1) { clear: left; } /* polaroids */ div#page-607a494ab14a497e09cc5385 .span-12 .span-3 { width: 50% !important; float: left !important; } div#page-607a494ab14a497e09cc5385 .span-12 .span-3:nth-child(2n+1) { clear: left; } } /* Collections page header */ @media screen and (max-width:640px) { div#block-0af3a012f3c9b4da3f05+.row .span-3 { width: 50% !important; float: left !important; } div#block-0af3a012f3c9b4da3f05+.row .span-3:nth-child(2n+1) { clear: left !important; } }

@tuanphan - Can you help with the question above? I have a similar question. How can I create a product that includes a bundle of 4 products. Ex: I want to create a bundle of "4 polaroids". So within this product the customer has the option to choose 4 of the polaroids available with better pricing than if they were to purchase each separately. Here are the list of polaroids: https://www.jivamorelife.com/polaroids

Thank you!! Can I do the same thing for these 2 sections? https://www.jivamorelife.com/