as i am using webdesign pre build website on my own website, would you please advise why logo and icon is not in the same line, and actually menu icon is higher up.
the website link is here ;;
You are using the Overlay Header Style.
With this style, the logo stays in one position in the top left corner of your website, while the hamburger icon position is fixed and moves with the scroll.
That is why they are not perfectly aligned.
You can adjust the logo position by changing its padding value in Betheme -> Theme options -> Global -> Logo.