Question 1: In mobile devices, the logo of the website PAKDEFENSE.COM
header merges in the dark background and barely visible. How could we
make it prominent in mobile devices without changing the header style
of the theme?
Question 2: The footer logo in mobile devices is too large than the
header logo. How could we make it somewhat smaller or look like the
header logo?
Question 2: The Instagram widget in the header is not showing any
images feed from the instagram account to the website of
PAKDEFENSE.COM. I’ve check all the parameters and there isn’t problem
there. What should I do to make the pictures visible in my website
header?
Hello great1212,
1)Your logo has black color and that’s why on mobile devices this is not visible because the very top banner is black. Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: white !important
}
@media (max-width: 767px){
#td-top-mobile-toggle i{
color:black!important;
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
color: black !important;
}
The result is here -> https://www.screencast.com/t/RyyPOmOE
2)The footer uses the logo in full width and that’s why you bring different results. Try to change the footer template.
3)Please check the following the topic from here -> https://forum.tagdiv.com/topic/social-counter-and-instagram-problem/
Thanks for your understanding!
