How can I align my logo and menu on the same line in Gallery theme?

[ATTIVO]

hello right now i am using gallery theme
and I need to place the logo of my page at the same height as the menu, that is, in the same line
Can someone help me
What I am looking for is if someone can give me the indicated code to edit the theme?

ulr https://peak-sports-mx.myshopify.com/

[BSS-Commerce]

Hi @ATTIVO

Please follow the steps below

1. Go to Theme => Edit Code

2. Identify the global js file.

Usually, the name of the global js file will be theme.js, global.js, or index.js…Please check these files by adding the code at the end of the file:

console.log("---------custom--------")

Then, go to the website => press F12 => and go to the console. If the global file is correct, it will appear as follows:

3. When step 2 you did it right, then add the code to the js file you found:

function insertAfter(referenceNode, newNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
let logoCustom = document.getElementsByClassName("#main-header-logo")
let mainNav= document.querySelector("#main-header-mainNav")

insertAfter(mainNav,logoCustom [0])
insertAfter(logoCustom [0],mainNav)

let parentNav = document.getElementsByClassName("#main-nav-container")
logoCustom.style.marginRight = "40px"
parentNav[0].style.paddingBottom  = "30px"

Here is the result we tested:

I hope that it also will work on your site.

[Denishamakwana]

Hi,

It need some code customization from admin side so you can hire me.

Thank you.

[ATTIVO]

hi thanks

but i need help i dont find the theme.js, global.js o index.js. file

i have only .liquid o .json…