Online web page template is beta1.nfshost.com I try to insert the logo
instead of the text in the upper left corner of the page, I can insert the img code (yeah i’m amateur) in the html and input the right sizes but I need to make it work as the original page works with the text logo.
As you can see when the page is resized or it is visited in smaller screen the menu becomes a button you can click/tap on, and its position is in line with the text logo, how can I place an image logo and obtain the same effect? Basically the image must be resized when seen in smaller screens and probably some code about the menu button should be changed, any help is appreciated!
Once in place and when we know the size of the image we can set about seeing the best way to align it based on screen size.
The CSS code will probably require media queries to handle the smaller screen sizes so it would be in your benefit to invest some time in being comfortable with the basics of css and media queries etc.
If you can’t upload the image to your site yet (for some reason) then perhaps link to the image in the thread or attach it at its normal size so we can see what we are dealing with.
If you change the image size then you can tweak the margins on the image to line it up again. Unfortunately as that template is an old floated layout then automatic alignment is not possible.
(Generally with templates (or bootstrap) you would put your custom css in a custom css file and leave the template code unchanged, In that way you can always revert back to the original should something go wrong.)