How can I move icons to the upper right corner in Brooklyn theme?

Technical Q&A
1

Hi all,

I have the Brooklyn theme, and I would like the ‘‘child, search and cart’’ icon to be on the upper right corner of my home page. HELP!

5dc1f8d8-2b05-4f12-a78d-6e3145c2a940.JPG
5dc1f8d8-2b05-4f12-a78d-6e3145c2a940.JPG1024×768 133 KB

2

@Orellana123
Kindly share your store URL so,
I can solve your issue.
Thank You.

3

Hi @Orellana123 ,

This would take some editing to the code. Because you’re using the Brooklyn theme which is Shopify developed. If you are on a paid plan then you’re eligible to 60 mins of free design time (unless you’ve already availed of it) from our theme support team. If you haven’t availed of it, you can do so by contacting our support team directly from the link here.

If you’ve already used the design time and would still like to look into this, your best bet would be to contact a Shopify Expert for help in our Experts Directory.

4

https://orejewelryshop.com

5

hii, @Orellana123
Paste this code at the top of the theme.scss file.

li.site-nav__item.site-nav__item--compressed {
    position: relative !important;
    top: -100px !important;
    left: 170px !important;
}

Thank You.

6

hello @Orellana123

Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here.

7

Hello!

www.orejewelryshop.com

8

hello @Orellana123

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-nav  li.site-nav__item.site-nav__item--compressed {
    position: relative;
    top: 80%;
    transform: translate(130%, -130%);
}
9

How can I center the logo and navigation menu?