Change Header Style css in fluid layouts
Dear Be Team,
I want to change my header Style to the Transparent mode (Now I have center).
in this mode the Logo is placed on the left. I have some text underneath the Logo, inserted into Slider revolution. If I change to transparent mode my Logo will be on the left side but the spacing between Border and Logo is not the same as between Text in slider and Border. I wanted to apply a padding to the Logo (so the logo text starts on the same spot as the description in the slider below) which worked fine on high resolution, the same value however stayed in smaller resolutions and it looked way to placed on the right side (i had entered a fixed value, but also a % value did not work), how do I enter a padding or magrin value that scales with the fluid layout?
Also: How do I change the preset of the Transparent mode on small resolutions (the logo changes to Center at a specific value). I do not want it to change to center text mode, but stay on the left. thank you
Comments
1. Padding for logo can be set under Theme options > Global > Logo > Advanced section and please notice that it's the only way to set logo padding.
2. To align logo to the left side on all devices, you need to use an extra css:
#Header .top_bar_left .logo { text-align: left !important; }