I am struggling to find the correct setting for the Mobile theme.
I have installed TownTalk theme at realreading.co.uk. The correct logo/menu displays for desktop displays, but once you get to mobile view, it switches to the EchoVerse header.
I cannot figure out how to change this.
Likewise, the MENU does not have a solid colour behind it.
Am sure there are easy fixes for both, but I cannot find them! Some pointers would be appreciated. Thank you.
I’ve had a play about and it appears to be linked to the SVG setting in the header.
I edit and HIDE the SVG, but when I save it, it goes back to showing it again, while the logos are deleted.
It doesn’t matter if I clear the cache, turn mobile/AMP on or off, it is just stubbornly resetting itself and displaying the SVG logo.
Have tried some custom CSS to remove it – same result.
I think it’s the span.tdb-logo-svg-wrap and span.tdb-logo-text-wrap elements that need to be hidden. If I delete their lines from Google’s code inspector panel, the logo displays as it should do.
My knowledge of CSS is very, very small, so I cannot figure out how to make the changes stick.
Adding
{
display: none !important;
}
to the classes makes no difference.
I’ve created this custom CSS to get there…
@media (max-width: 767px) {
.tdi_7 .tdb-logo-svg-wrap {
/* max-width: 26px; */
display: none !important;
}
}
@media (max-width: 767px) {
.tdi_7 .tdb-logo-text-title {
font-size: 20px !important;
display: none !important;
}
@media (max-width: 767px) {
.tdi_7 .tdb-logo-text-tagline {
font-size: 20px !important;
display: none !important;
}
}
@media (max-width: 767px) {
.tdb_header_logo .tdb-logo-text-title {
font-size: 36px;
display: none !important;
}
}
}
.tdi_7 .tdb-logo-svg-wrap+.tdb-logo-img-wrap {
display: block !important;
max-width: 60%;
}
Now I need to figure out how to add some padding underneath the header …
Hello!
Can’t you save the changes in the tagdiv Composer? Do you have any errors in the console? (when you are editing a page with the tagdiv Composer, press CTRL + right-click -> Inspect -> Console)
You can add padding or margins under each element from the CSS tab. In this case, you should select the row and add a value here, like this: https://app.screencast.com/5tNg0cHZ0QmG1
Thank you!
Hi Bettina,
Thanks for your help.
Saved changes do not stick. The settings revert back to default.
Not sure why, hence looking at CSS as a solution.
I do have Newspaper as a child theme, and wonder if that is causing a clash?
Hello!
You do not need a child theme with cloud templates. But you can use the child theme you have with the default templates.
The update does not overwrite the child theme. An issue with that could be whether your child theme is compatible with the new version of our theme.
Thank you!
