Getting my currency menu into the navigation drawer

Solved
Tourist
12 0 0

Hi, 

 

I've managed to create a dropdown menu for the currency options, but when in mobile mode, it doesn't go into the navigation drawer and it stays next to the cart, taking up a lot of room. I also want to remove the grey background behind it when it's not on dropdown mode. I tried to look at different solutions by myself, but I am not a developer and my knowledge of CSS is limited. 

Screen Shot 2019-11-02 at 6.23.56 PM.png

 

I'd appreciate any help!! Thank you very much!!

 

Natalia

0 Likes
Shopify Partner
1141 93 139

please share a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
12 0 0

Success.

Shopify Partner
1141 93 139


Hello ,
Please add this code at the bottom of theme -> edit code -> assets -> theme.scss.liquid

@media only screen and (max-width: 600px) {

h1.site-header__logo {
 margin-right: 50px;
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Tourist
12 0 0

Hi!

 

Thank you, that worked! Also, do you know how I could remove the grey background around the font and make the font smaller? I can't find the CSS to do that anywhere. I just want it to not have any background, and then have a white background when it shows the dropdown menu. 

 

Tips?

 

N.

0 Likes

Success.

Shopify Partner
1141 93 139

try this 

#currency_form select {
background-color: transparent !important;
 font-size: 14px !important;
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Tourist
12 0 0

Awesome! That's perfect! 

 

Last question. Do you think there is a way I could put the Policies menu in line  and smaller? Like the attached? 

 

I really appreciate your help! You are a wiz!

 

N.

Screen Shot 2019-11-04 at 2.53.06 AM.png

0 Likes

For policy menu in one line Add this CSS at the bottom of theme.scss.liquid file

 

@media screen and (min-width: 767px) {
.flex-footer .flex__item { -webkit-flex: 1 1 50% !important; -moz-flex: 1 1 50% !important; -ms-flex: 1 1 50% !important; flex: 1 1 50% !important; } .flex__item:last-child .site-footer__list-item { display: inline-block; margin-right: 5%; }}

 

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
12 0 0

Hi, 

 

Thank you for your reply. It's not exactly what I was looking for, but thank you just the same. I'll leave it as is as it's not a priority right now :-)

 

Thanks, 

N.

0 Likes