Ahoy,
With the newest update I have noticed that the extra widget i added in the right of the header is overlapping funny. How do i completely remove this in mobile view?
Hi mcraig77,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
#text-5 {
display:none !important;
}
}
Thanks,
Rikard
That works but it looks like the button disappears before the phone. Is there a way to make them disappear at the same time?
it looks like there is code for the header to also disappear
@media only screen and (max-width: 1008px) {
#header .widget .avia-button-wrap {
display: none !important;
}}
Hi,
The code you posted is hiding the button at that size yes, please change the query or remove the code.
Thanks,
Rikard
Thanks!
Hi,
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy