the background images in the color sections don’t behave reliably. Is this a known issue? Often when I change a setting on them, the change doesn’t take place or the images disappears although according to the settings it is still here.
Here is an example.
the background image of the color section is there in the settings but does not show up on the page. Why is that?
where is that page ( name is enough for me )
_________________
ok – your widget content gets bigger – than new settings are needed:
again search for the entries in quick css and change those values:
/* declarations inside these comments had to be changed */
/* and missing declarations had to be added to the existing ruleset */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
/* padding-top: 420px !important; */
padding-top: 550px !important;
}
}
@media only screen and (max-width: 989px) {
#header .inner-container {
/* grid-template-columns: 3fr 1fr; */
/* grid-template-rows: 50px 1fr; */
/* padding: 20px 0; */
grid-template-columns: 4fr 1fr;
grid-template-rows: 160px 1fr;
padding: 0;
}
.responsive.html_header_top #top #main {
/* padding-top: 400px !important; change to new value*/
padding-top: 550px !important;
}
#header .inner-container {
/* margin: 15px 0 0; so just erase that rule*/
}
#header .inner-container .logo a, #header .inner-container .logo img {
height: 300px !important;
max-height: 300px !important;
/* width: auto; */
width: 300px !important;
max-width: unset;
}
}
ps – is that a wise decision to have such a big header area for mobile devices?