Search Results for 'header'

Hi Emil,

Thanks for your reply but i’m afraid that none of them worked 🙁
I have put both in the style.css of my child team as shown below but it still looks the same. Also i’ve noticed that on your screengrab http://screencast.com/t/2W93kIfgMAxm it appears that your image is in the background of the Add area and not of the menu itself, your menu (where your little 6 logo is) is still black, that is where i want my background image to go please 🙂

Here’s my site: http://fuzzy-yellow.com/

/*
Theme Name: Newspaper 6 Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 6.0c
*/

/* —————————————————————————-
This file will load automatically when the child theme is active. You can use it
for custom CSS.
*/

/* Change Menu Background Image*/
.td-header-style-4 .td-header-header {
background: white url(‘http://imgscenter.com/images/2014/09/13/Beauty-of-nature-random-4884759-1280-800.jpg’) no-repeat;
background-size:cover;
}

/* Change Menu Items to the Right*/
#menu-td-demo-header-menu-1{
display: table;
float: none;
margin-left: auto;
margin-right: 0;
}

Hi

To remove the search field from main menu you need to modify header-menu.php file like here: http://screencast.com/t/Bznq1cuOdE3 – http://screencast.com/t/91iqZWShxsN

Let me know how it goes!

Thanks!

Hi

@GideonLupine please check this topic: https://forum.tagdiv.com/topic/registrationlogin-modal-captcha/ Lucian posted a solution there.

@doucare1971 this is on our feature request list, but we must find the right design for each header style. Implementing this feature may take some time because it requires testing across browsers, operating systems and mobile devices. We have this in our consideration for future theme updates.

Thanks!

• This reply was modified 10 years by Andrei L..

I’m going help you a lil but you have to learn to do these things ur self…

First you need to Defer parsing of JavaScript there is a plugin that can do that for you called>>> “Async Javascript” in the settings you will choose the defer opition you can find the plugin here >> https://wordpress.org/plugins/async-javascript/ i’m using it as well and it do a great job with out issues…

To Optimize ur images this plugin can do it for you..EWWW Image Optimizer find it here >>>https://wordpress.org/plugins/ewww-image-optimizer/

You need to enable GZIP Compression on your sever

That cache plugin “Super Cache” is rubbish..i recommend you use ZenCache you can find it here>> https://wordpress.org/plugins/zencache/ it will cache ur site better and make it faster…

To help you with other issues like “Leverage browser caching” put this code in the bottom of ur .htaccess file

# END WordPress

• This reply was modified 10 years by Steven.
• This reply was modified 10 years by Steven.

Hi

The mobile version of your site is the same as the one for desktop, but styled differently, so you can use custom css in theme panel > custom css :

@media (max-width: 767px) {
.td-header-main-menu{
background-color: #AF2828!important;
}
}

@media (max-width: 767px) {
.td_block_related_posts{
display: none;
}
}
@media (max-width: 767px) {
.td-footer-container{
display: none;
}
}
@media (max-width: 767px) {
.td-sub-footer-container{
display: none;
}
}

Let me know how it goes and provide more details if this is not what you mean.

Thanks!

Hi

Replace the previous css with this one:

@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: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}

Let me know how it goes!

Thanks!

• This reply was modified 10 years by Andrei L..

What you’ve described makes sense …

However, I added it at the bottom of the existing custom code for my site, and I’m not seeing any change.

Your continued assistance will be most welcome.

Here’s what the entire Custom CSS for my site looks like now:

/*************************************
H O M E P A G E
***********************************/

#td_parallax_header_6 > header > div.meta-info > div.td-post-views,
#td_parallax_header_6 > header > div.meta-info > div.td-post-comments,
header > div.meta-info > div.td-post-views,
header > div.meta-info > div.td-post-comments
{display:none;}

#td-outer-wrap > div.td-transition-content-and-menu > div.td-header-wrap.td-header-container > div.td-header-menu-wrap > div
{width: 100%;}

#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-header-wrap.td-header-container.td-header-style-7 > div.td-header-row.td-header-header > div > a > img
{width:1021px;}

body div#td-outer-wrap div.td-header-wrap.td-header-container.td-header-style-7 div.td-header-row.td-header-top-menu div.td-header-sp-top-menu ul.top-header-menu.td_ul_login li.menu-item
{display: none;}

body.single div#td-outer-wrap div article div.td-container div.td-post-sharing,
div.td-post-sharing.td-post-sharing-top,
#td-outer-wrap div.td-module-comments
{display:none;}

#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div div > div div:nth-child(5) > div > div > div.td-visible-desktop > iframe
{
border-top: 5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
}

#td-outer-wrap div.td-a-rec.td-a-rec-id-sidebar div.td-visible-desktop a img
{
border-bottom:5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
position:relative;
bottom: 5px;
}

#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-footer-container.td-container > div > div aside.widget.widget_tag_cloud > div.block-title > span,
.td-footer-container .block-title > a, .td-footer-container .block-title > span,
body div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-footer-container.td-container div.td-pb-row div aside.widget.widget_text div.block-title span,

div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-content div.td-ss-main-content h4.block-title span,

div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_archive div.block-title span,

div#td-outer-wrap div.wpb_wrapper h2.wpb_heading.wpb_video_heading,

body.page div#td-outer-wrap div div.td-container div.td-container-border div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_text div.block-title span

aside .block-title > a, aside .block-title > span
{
color: #faf992 !important;
background-color: #ee0bcd !important;
}

#menu-main-navigation-1 li.menu-item > ul > li.menu-item a
{font-size:1rem; color: #fff;}

#menu-main-navigation-1 li.menu-item > ul > li.menu-item
{background: #ff0099; }

#td_parallax_header_6 > header > div.meta-info > div.td-post-views, #td_parallax_header_6 > header > div.meta-info > div.td-post-comments, header > div.meta-info > div.td-post-views, header > div.meta-info > div.td-post-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu > div.td-header-wrap.td-header-container > div.td-header-menu-wrap > div {
width: 100%;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-header-wrap.td-header-container.td-header-style-7 > div.td-header-row.td-header-header > div > a > img {
width: 1021px;
}
body div#td-outer-wrap div.td-header-wrap.td-header-container.td-header-style-7 div.td-header-row.td-header-top-menu div.td-header-sp-top-menu ul.top-header-menu.td_ul_login li.menu-item {
display: none;
}
body.single div#td-outer-wrap div article div.td-container div.td-post-sharing, div.td-post-sharing.td-post-sharing-top, #td-outer-wrap div.td-module-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div div > div div:nth-child(5) > div > div > div.td-visible-desktop > iframe {
border-left: 5px solid #000;
border-right: 5px solid #000;
border-top: 5px solid #000;
}
#td-outer-wrap div.td-a-rec.td-a-rec-id-sidebar div.td-visible-desktop a img {
border-bottom: 5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
bottom: 5px;
position: relative;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-footer-container.td-container > div > div aside.widget.widget_tag_cloud > div.block-title > span, .td-footer-container .block-title > a, .td-footer-container .block-title > span, body div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-footer-container.td-container div.td-pb-row div aside.widget.widget_text div.block-title span, div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-content div.td-ss-main-content h4.block-title span, div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_archive div.block-title span, div#td-outer-wrap div.wpb_wrapper h2.wpb_heading.wpb_video_heading, body.page div#td-outer-wrap div div.td-container div.td-container-border div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_text div.block-title span aside .block-title > a, aside .block-title > span {
background-color: #ee0bcd !important;
color: #faf992 !important;
}
#menu-main-navigation-1 li.menu-item > ul > li.menu-item a {
color: #fff;
font-size: 1rem;
}
#menu-main-navigation-1 li.menu-item > ul > li.menu-item {
background: #ff0099 none repeat scroll 0 0;
}

#td_parallax_header_6 > header > div.meta-info > div.td-post-views, #td_parallax_header_6 > header > div.meta-info > div.td-post-comments, header > div.meta-info > div.td-post-views, header > div.meta-info > div.td-post-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu > div.td-header-wrap.td-header-container > div.td-header-menu-wrap > div {
width: 100%;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-header-wrap.td-header-container.td-header-style-7 > div.td-header-row.td-header-header > div > a > img {
width: 1021px;
}
body div#td-outer-wrap div.td-header-wrap.td-header-container.td-header-style-7 div.td-header-row.td-header-top-menu div.td-header-sp-top-menu ul.top-header-menu.td_ul_login li.menu-item {
display: none;
}
body.single div#td-outer-wrap div article div.td-container div.td-post-sharing, div.td-post-sharing.td-post-sharing-top, #td-outer-wrap div.td-module-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div div > div div:nth-child(5) > div > div > div.td-visible-desktop > iframe {
border-left: 5px solid #000;
border-right: 5px solid #000;
border-top: 5px solid #000;
}
#td-outer-wrap div.td-a-rec.td-a-rec-id-sidebar div.td-visible-desktop a img {
border-bottom: 5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
bottom: 5px;
position: relative;
}

.td-trending-now-title.block-title,
.td-related-title .td-cur-simple-item
{
background-color: #ee0bcd !important;
color: #faf992 !important
}

@media (max-width: 645px) {
.gphy-embed {
width: 100% !important;
}
}

Hi

Please make sure you set your logo in theme panel > headers > logo for mobile and also empty all caches: http://screencast.com/t/wAcF2feCFr – http://screencast.com/t/bDI2cuMKhv

Let me know how it goes!

Thanks!

Thanks for the update Alin, hopefully they find a solution soon. A blank page would be a great addition to the theme so we can create stuff like custom landing pages without pulling in the header and footer if we don’t need them.

Definitely keep me posted when this is available.

Hi

To remove the main menu you need to edit the file corresponding with the header style that you’re using: http://screencast.com/t/hU7pbM6U Also make sure you have sticky menu disabled: http://screencast.com/t/N40YSzAwFA
Let me know if you need additional assistance on this regard.

Thanks!

Hi

By default the theme hides the top bar, which includes the registration widget, on mobile devices but you can use custom css to display it, so there is no need to pay for a plugin. You can use this custom css in theme panel > custom css section:

@media (max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}
@media (max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}

You can modify the values as you like. The result should be like here: http://screencast.com/t/C3W4NdBXh

Thanks!

• This reply was modified 10 years by Andrei L..