How to place Currency converter next to cart in Brooklyn theme

Solved
Highlighted
Tourist
11 0 1

SaraK_0-1604307492423.png

Hello guys, does anyone know how to place Currency converter next to cart in Brooklyn theme?
I've already checked other posts but couldn't figure it out, my level of coding it's very low.

Also, why the menu doesn't take all the space available? It' kind of squeezed in the middle...

Any help is highly appreciated!

thespooperstore.com
paws2020

0 Likes
Highlighted
Tourist
11 0 1

@diego_ezfy 

 

 

0 Likes
Highlighted

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

@media (min-width: 998px){
    .site-header nav[role="navigation"]{
    display: flex;
    align-items: center;
}

.site-header nav[role="navigation"] .doubly-wrapper{
    position: relative;
    right: -20px;
}

.site-header nav[role="navigation"] .doubly-nice-select:after{
    left: unset !important;
    right: -30px !important;
}
}



Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
1 Like
Highlighted
Tourist
11 0 1

SaraK_0-1604388936437.png

Hey @diego_ezfy , thank you for your suggestion, but it seems only the arrow moved a bit on the right and nothing else changed

0 Likes
Highlighted

please send me a screen shot of the code you pasted 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes
Highlighted
Tourist
11 0 1
0 Likes
Highlighted

This is an accepted solution.

Replace with this:

@media (min-width: 998px){
    .site-header nav[role="navigation"]{
    display: flex !important;
    align-items: center;
position: relative !important;
top: 12px !important;
}

.site-header nav[role="navigation"] .doubly-wrapper{
    position: relative !important;
    right: -20px !important;
}

.site-header nav[role="navigation"] .doubly-nice-select:after{
    left: unset !important;
    right: -30px !important;
}
}
◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
1 Like
Highlighted
Tourist
11 0 1

SaraK_0-1604559393004.png

Thank you @diego_ezfy ! It worked, you are awesome!!

0 Likes