Move the logo to my site to the center of pages on desktop

Store Design
1

I want to move the logo to my site to the center of pages on desktop (it already does this on smaller devices). I was able to do this but for some reason it lowered it further down on the page. I would like it same height as other icons and headings.

2

HI @notyethome
can you share with me the page url?

3

https://notyethome.co/

I moved it back to the left side until i figure this out. I also would like to change the icons to words (on desktop only) and make “SHOP” on the right and on the left “SEARCH” - “ACCOUNT” - “BAG”

4

@notyethome

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 769px) {
.site-nav__link--icon span.icon {
    display: none !important;
}
.site-nav__link--icon span.fallback-text {
    position: relative !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
}
}
5

Hi @notyethome

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_2-1676086722340.png
PageFlyVictor_2-1676086722340.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

6

Hi @KetanKumar

For some reason this did not move my logo to the center.

7

This worked to turn the icons into words! But, I would like it to be shown as such:

“SHOP LOGO SEARCH ACCOUNT BAG”

8

You can try this code to fix it
9

This made “shop” to the left, but it was a bit too close to the edge. It also, made the logo about 3/4th of the way to the left as it was not centered.