You must understand that every item on site got different margin/padding. If you don't want these margins and paddings, you must remove them with css for all items but then other sections will not look good.
If you to align this logo to left on larger screens, then use different value then 479px that we gave you already above.
But to change responsive menu icon color, please use below css:
I just want to have the same alignment as in normal website...I tried to changed different values but it doesn't work.
I dont' understand why the logo in normal website has a margin of 20px from the left and on mobile more the 20px...
That's for me is not clear. Its seems that there is no grid in the theme...and for me is so complicated because I have no idea of css...that's why I chose to get a theme....It should be simple but it isn't
There is a lot of different factors why logo got additional padding on mobile devices. When we create theme, we test a lot of different possibilities and mobile devices. While on some of theme, logo looks good, one the rest without padding it does not look good. There is hundreds of factors and this is the reason why it's impossible to tell you know why we used this padding there. However, if you don't padding on mobile devices, then you can use below css to remove it:
#Top_bar .logo #logo { margin: 0 !important; }
Hope this will hep you to understand this case. Thanks!
Comments
If you to align this logo to left on larger screens, then use different value then 479px that we gave you already above.
But to change responsive menu icon color, please use below css:
#Header a.responsive-menu-toggle { color: #000 !important; }#Top_bar .logo #logo { margin: 0 !important; }Hope this will hep you to understand this case. Thanks!