The container width of my website does not change, although I adjust it in the theme options. Can anyone help me?
Thank you!
Hey Simon,
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
#top .container {
max-width: 100%;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
it didn’t work in the Quick CSS but it worked here (WordPress > Design > Customizer > Additional CSS):
Is this a turnaround you don’t recommend when working with a child theme oder can I leave it like this?
Thanks and best regards,
Simon
Enfold sets these infos from general styling to the very bottom of the styles you inserted in other places ( f.e. in quick css )
if you have a rule before that is not set the right way ( all closing brackets for example) then all rules will no longer be taken into account afterwards.
so look to your inserted css rules if there is a bracket missing or a semicolon etc. pp.
f.e. if there are media queries – often the closing bracket is missing or there are additional ones:
you have :
.responsive .logo a {
vertical-align:top
} /*** one curly bracket too much ***/
}
but the opened media query is closed before :
@media only screen and (min-width:990px) {
.mobile_only {
display:none !important
}
}
etc. pp
to better find the reason for it – can you please use not the merging – that we could look through your custom code.
and you got this rule:
.main_menu {
right: 20%;
}
so i guess thats why you believe that content is too small.
Your content width is at 1310px