I have gone through a good 4 pages of the help forum but I cant get this issue to work so excuse me if I am asking something thats been answered before.
I want the padding to the left of my logo to be reduced to zero:
Here is what I mean: https://imgur.com/a/ZIEz8
The site can be found here: http://www.alwayswindy.com
Thanks.
Hey markvanhaze,
Well, I see that the padding is removed, but the container is set to 96%, so change it to a 100%.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.html_header_top #top .av_header_stretch .container {
width: 100%;
}
If you need further assistance please let us know.
Best regards,
Victoria
That worked nicely, thanks. Now I need that in mobile view as well.
Hello Victoria – any idea how I can replicate that in mobile view?
Hi,
Please use this css code for mobile view.
@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .av-logo-container {
width: 100%;
max-width: 100%;
}
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide {
right: 30px;
}
}
Best regards,
Ismael
Excellent, thanks! Ticket closed.
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Basilis