Shopify themes, liquid, logos, and UX
hello, im trying to improve the look of my website on mobile view.
im using Brooklyn theme for my shop and wanted to make the dropdown menu on the top of the screen is still there while scrolling to the bottom of the web.
can someone help?
my website is yourpafon.com
and second question, can i make my products view on mobile to be grid view?
because for now, the view is individual products per scroll. thankyouu
@media only screen and (max-width: 600px) {
.grid__item.grid-product.medium--one-half.large--one-third {
width: 50%;
}
}
Hello this code is for product grid,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid
for the menu it will be as like this, unless you cross button.what do you mean exactly
thank you.
for dropdown, i mean, if i scroll to the footer menu on mobile, i want to freeze the logo and navigation menu, to be always on the top of the screen. for now, if i go to footer and want to click on navigation, i need to scroll back to the top of the web.
It will be like this if you keep transparent background, the menu will be hide
yes. how to make that happen? thankyou so much
Add this css
@media only screen and (max-width: 600px){
.header-wrapper--transparent .site-header {
background-color: #000;
opacity: 0.5;
position: fixed;
transition: padding-top 0.3s linear;
}
}
hello, where to add this css?
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid
thankyou! i tried already, but it works on homepage only. is there any other way to freeze it also on producst and any other pages?
I would like to know also.
@oscprofessional
I messaged you privately. Thanks for all your help! This is a great solve!
Why privately? Some of us need the answer as well
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024