This all has to do with offcanvas menu!!!!

Hi, I am trying to enlarge my offcanvas logo text and change the colour to white. My offcanvas background colour is blue so it matches desktop menu, but logo text size and colour is not uniform. In addition, If I try, it will not allow me to use a different logo for mobile than desktop, they come out the same everytime. I tried to fix things using photoshop, but this is just hacking something barely started.

Also contact link at bottom of offcanvas is unreadable due to color. What controls offcanvas menu, the body text/link options or the top bar settings or dropdown menu options (I hhave a dropdown menu on desktop?. Do you have some css to fix this. I look through the documentation and some of it worked (like burger color) but not much else.

Also the text in offcanvas menu is not white as set in the template settings as with desktop menu. Desktop menu text is white which is good, but not offcanvas (slight blue) I thought they should be the same?

Is there anyway to move up menu items closer to top of offcanvas menu?

Also need to change colour of social icons, css does not seem to be working.

Do you have some css to fix this? I look through the documentation and some of it worked (like burger color) but not much else.

You can see site location in hidden content. I have css in there to enlarge social icons and try to change their color. Please help me sort this out.

Some of the css documetation you have does not seem to work now - outdated??

I think it is broken, anyway to reinstall framework to fix problems or will that wipe everything out?

What I see in front page editing is not what comes out on a real mobile device?

My last problem was not resolved due to lack of understanding or effort, but I had to abandon it and start over again and now this chaos lol.

Is Helix Ultimate Legacy Template not a good choice. I usually wipe everything and start from scratch anyways?

HELP

This is what I have

sp-header .logo a {color: white; }

ul.social-icons li a span { font-size: 20px; {color: white; } } .burger-icon > span {background-color: white !important;}