how to keep the dropdown menu on mobile view at the top of the screen whle scrolling

Highlighted
Tourist
23 0 2

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

WhatsApp Image 2020-11-21 at 10.43.00.jpeg

0 Likes
Highlighted

 

@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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
23 0 2

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.

0 Likes
Highlighted

oscprofessional_0-1605934687930.png

It will be like this if you keep transparent background, the menu will be hide

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
23 0 2

yes. how to make that happen? thankyou so much

0 Likes
Highlighted

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;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes