I mistakenly set my header for display to hidden and now I can roll back the change, I can’t also set the header again as whatever settings I apply to the desktop affects other screens as well… Please how do I set this back?
This image doesn’t have the header
This image has the header and this is what I want.
Hi,
I see. You are referring to the top bar. The simple way will be to try to het the cloud header from the cloud template, so the top bar will come with the header template.
If the element has been hidden, then it must be used a custom css.
If you have hidden it on all devices then it won’t appear anywhere. Open the CSS section in the composer and enter this code in it – https://prnt.sc/pqi1z7 the row should then be visible so you can interact with it. Then you can remove the code, after you make it visible on at least one viewport
.td-pb-row.vc_row {
display:block!important;
}
Thank you!
Thank you for your reply/
I have pasted the code and it still doesn’t work see the image above.. seems there is no selector matching what you gave. when inspected my page this is what I found in the image below for the header section.
https://paste.pics/GMIT4
Hi,
When you search using the inspect tool you need to search after the class without the dot, search only for td-pb-row -> https://i.imgur.com/tSmouTq.png
Also, the code need to be set like in my screen and all hidden rows will be display.
Maybe you didn’t hide a row element.
Ok. thank you for your reply, what do I do to make the code work? it isn’t still showing.
https://paste.pics/GMONP
I have also added attachment for tablet page inspected below, since it is still showing there.
https://paste.pics/GMOS3
Kindly provide a possible solution to fix this, thank you
Please try this code:
body .vc_column {
display: block!important;
}
or this one
body .tdi_25{
display: block!important;
}
I hope this will help you!
Thank, the first one worked. I am grateful
I’m glad that it helped you!
Have a great weekend!
