No search results were found in Documentation!
Hi,
Regardless of header style used the top bar background color can be customized in the theme panel
– https://www.screencast.com/t/TkDzWQfuRmw
So you can set a background color of your choosing with those settings.
Using header style 10 you can set any logo size, there is no limit. For example this theme demo uses header style 10 as well, with a big logo
– https://demo.tagdiv.com/newspaper_cars/
It uses this logo size – https://www.screencast.com/t/sEsuQzSwNbg1
Let us know if you have more questions.
Thanks
Hello! I want to change the hover color of a link inside a custom html widget I’m using on the right side of this page:
http://www.humbot.yournec.org/
What is the proper code I should add to the below code?
<p style=”text-align: center;”>Your support helps us bring you important environmental news, sponsor cleanup and restoration events, advocate for important ecological legislation, and more!</p>
<span style=”color: #006699;”><a style=”color: #006699;”
href=”https://secure.usaepay.com/interface/epayform/p1XXIpE654FE4nF9MpTY9Vwcw22p5Q1O/”>BECOME AN NEC MEMBER OR DONATE TODAY!</span>
THANK YOU!
http://www.nyver.com
In the header I want to be able to show the large logo with no adspace at the top of the page, so Style10 is perfect. But I like the black background that Style1 uses for the top bar, Style10 uses a white background, which is subpar. Any way to easily make it a black backround?
I figured out that the logo should be 1023 pixels wide to look the best on wide screens, but can I make it less than 90 pixels high? I made mine 70 pixels high – Does NP8 insert blank space or adjust for the smaller size?
hello!
I need to create 2 pages with different headers (change logo and menu). Please help me with this task.
thanks a lot
alejandro
Hello nitewriter07,
Should works as expected for both themes because the core is similar. You should add the stripslashes for the both logo like this -> https://www.screencast.com/t/BTAH1XOJJOho -> https://www.screencast.com/t/GVn1NwjhR5X
Thanks for your understanding!
My website is almost done. I wanted to check the layout on mobile when I realised that the header text is standing in the main bar very chaotically : https://www.screencast.com/t/EeSIhxlHGJF
I want to make the text go away so you can see a clean main bar with only a logo.
Website : http://www.testpagina.brainer.nl
Thank you.
Hello Catalin,
I’ve changed the logo but it seems that i cannot find to change the text.
Awesome! And, to confirm, since I’m using Google Adsense, the white space ABOVE the main logo is where ads may or may not show up, right?
Hello Hristijan,
You should check the Theme panel from here -> https://www.screencast.com/t/L2ASJqovC4t if you need to change the footer logo and text.
Thanks.
Thank you Catalin,
Here it is,
https://snag.gy/nPcepV.jpg
How can i change the whole text and the logo?
Thanks,
Hristijan
Hi there,
I have two issues I’m looking to solve.
1) At the top of both the tablet and mobile view of my website (www.IntroWellness.com), there is a white space between the top of the page and the black space where the logo is located. How do I fix this?
2) I’d like to change the color around where the logo is located. How do I do this?
Thx for that!
Didn’t realize that all I had to do was remove the # from the social media items i did not want to display. Adding some words now so other will find this in the forum.
removing social media logos
remove social media logos
delete social media logo
I’m getting a black transparent banner over the mobile view of my website. When I go from vertical to horizontal though, the black banner disappears. Also if I go from horizontal to vertical, the banner is no longer there except when switching to another article.
I did notice though that when scrolling down, the logo disappears into the hamburger menu.
Anyone know what is happening here?
Hello and Huge thanks for your reply.
I think I did not explain it well.
I do not want to change what is after you click the button.
I just want to make desktop login as it is for mobile, So I want to have 2 buttons for desktop login, first button will be sign in and the second button will be for Registration.
So, I have here Desktop login code:
From Newspaper>Parts>Header>Top-menu.php <<< from here
————————-
//show login widget
if (td_util::get_option(‘tds_login_sign_in_widget’) == ‘show’) {
//test if user is logd in or not
if ( is_user_logged_in() ) {
//get current logd in user data
global $current_user;
//<span class=”td-sp-ico-logout”></span>
echo ‘<ul class=”top-header-menu td_ul_logout”>
<li class=”menu-item”>’ .
get_avatar($current_user->ID, 20) . ‘ID) . ‘” class=”td_user_logd_in”>’ . $current_user->display_name . ‘‘ .
‘
<li class=”menu-item”>
<i class=”td-icon-logout”></i>’ . __td(‘Logout’, TD_THEME_NAME) . ‘
‘;
} else {
echo ‘<ul class=”top-header-menu td_ul_login”><li class=”menu-item”>‘ . __td(‘Sign in / Join’, TD_THEME_NAME) . ‘<span class=”td-sp-ico-login td_sp_login_ico_style”></span>‘;
}
}//end login window
———————————
This is the Code. So i want to edit that code, so i will have 2 buttons for desktop as it is for mobile.
Mobile login code is here:
Newspaper>Parts>Login.php
This is the code:
————————————–
<?php
//get current logd in user data
global $current_user;
//check if admin allow registration
$users_can_register = get_option(‘users_can_register’);
//if admin permits registration
$users_can_register_tab = ”;
if ($users_can_register == 1) {
//add the Register tab to the modal window if Anyone can register chec
$users_can_register_tab = ‘ <span></span>‘ . __td(‘Join’, TD_THEME_NAME) . ‘‘;
}
echo ‘
<div class=”td-guest-wrap”>
<div class=”td-menu-avatar”><div class=”td-avatar-container”>’ . get_avatar($current_user->ID, 80) . ‘</div></div>
<div class=”td-menu-login”>‘ . __td(‘Sign in’, TD_THEME_NAME) . ‘‘ . $users_can_register_tab . ‘</div>
</div>
‘;
————————
If i just copy this code( second code, mobile login code) and paste instead of the first code, desktop login code, the theme does not work. So just copy/paste does not work. That’s where i want your help, to implement/edit mobile login code, so when i put into Newspaper>Parts>Header>Top-menu.php << here (this is where desktop login code is) will work, and i will have 2 buttons for both mobile and desktop view.
I hope, you will understand and sorry for bothering that much. Thank you.
Good Morning. What I wanted was to change only the color, menus and bar, from the header of a specific page and keep all the others and if possible also the logo. The page is this: https://sintranoticias.pt/ambiente-e-cidade/
thank you
Hi,
I believe that multiple fonts are used for the creation of that logo. Some of the letters would use the Nasalization font and others something like the Gilroy font. I cannot say for sure but I could inquire for the fonts used if these suggestions are not satisfactory.
Thanks
I’m searching for the font you used in the logo of the Smart App demo. Can you help me find it?
Hi,
From what I can see you are using a plugin or different implementation for the mobile menu. The mobile logo should be the one uploaded here in default circumstances
– https://www.screencast.com/t/cRs0YUBXsYJ2
It will look like in the live theme demo if you check on mobile.
So the logo would be between the menu button and search, but since you are not using this default functionality, it will not appear.
I could give you a code to show the desktop logo
– https://www.screencast.com/t/ioppFucbP
Enter it in Theme panel->Custom CSS if you decide to use it
@media (max-width: 767px) {
.td-logo-mobile-loaded {
display: block;
width: 50%;
}}
Thanks
Dear Catalin, it is completely true that I do not have the necessary knowledge to change the URL of the logo, but it is disturbing that it takes so much knowledge to do something that should be so simple, in any case thanks for your help, regards.
Hi,
Our AMP plugin does not show a menu, this is not implemented at the moment. However it might receive a menu in future plugin updates.
This is similar to the Yoast SEO website AMP version
– https://yoast.com/social-media-optimization-with-yoast-seo/amp/
The logo that will be used in the header will be the one set for mobile
– https://www.screencast.com/t/s0TSQ7WO
Try testing with different logo sizes and check if the logo is still blurry. It should be exactly as uploaded. I used in a test a logo like this
– https://www.screencast.com/t/ECwm3YPVof7
– https://www.screencast.com/t/7qjwLciCK0tR
It was centered in the first version of the plugin, but a decision has been made to left align it in the latest plugin version. A setting has not been added to choose it’s location.
As long as you are entering valid codes in the desired locations of the AMP plugin, there should be no problem with the ads
– https://support.google.com/adsense/answer/7183212?hl=en
– https://www.screencast.com/t/Kd7fibQixj
Be sure to test on mobile or mobile emulators to see the ads, on desktop they might not appear.
The same footer logo from desktop will be displayed in the AMP version. So it should look the same.
The plugin is at it’s beginning, it will receive more options in future updates, suggestions are welcome as well. It has no translation settings at the moment. It could only be translated with modifications to the plugin files if required
– https://www.screencast.com/t/pqaEwqwdRyb
Thanks
Hello nitewriter07,
Please try to the solution from the following topic from here -> https://forum.tagdiv.com/topic/bug-header-style-10-text-logo-tagline/
Thanks for the message!
Hello,
So due to the fact that my regular website header logo doesn’t resize properly on mobile devices, I set a separate logo for mobile through the Newspaper theme panel. I made sure the upload was at the recommended size, but it doesn’t appear at all on my mobile device (iPhone 7+).
Here is my website link: https://www.jotaku.net/
Any help with this would be much appreciated!
Using the tagdiv AMP out of the box causes menu logo to stretch to the size of the menu. Causing it to output like this:
It uses the same CSS style as all images on the page.
.i-amphtml-fill-content {
display: block;
height: 0;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
width: 0;
margin: auto;
}
