Search Results for 'header'

Add this code :

@media (min-width: 1140px){
.td-business .td-header-style-1 .td-header-sp-logo {
width: 455px;}
}

I use 455px cause i noticed you logo size is 445px, you can make as wide as you wish. if it does not work, just add !important after the width value.

hi catalin,
I have successfully removed the shadow in the home page with this code:

.td-newsmag-magazine .tdc-content-wrap,
.td-newsmag-magazine .td-post-template-default,
.td-newsmag-magazine .td-category-header .td-container,
.td-newsmag-magazine .td-category-container {
box-shadow: none;
}

So, now the problem is just tap menu if the open through the mobile device does not fit in the middle. Please banutuan ya, thanks.

Hello catalin,

now there is no gap, it turns out there is a margin at the top and I have removed.

The problem is now, I added padding so that the menu part of my website is wider, the code I use:

.td-newsmag-magazine .td-header-menu-wrap{
margin-top: 0;
}
.td-header-main-menu{
padding: 10px;
}
.td-header-sp-rec{
padding-top: 20px;

I managed to make it, but if opened with the mobile device my website logo does not fit in the middle. how to handle it Catalin?

this is a screenshot of the desktop: http://prntscr.com/ieizaz
and this screenshot from mobile: http://prntscr.com/ieiymx

The second question
how to remove shadow on my website homepage. please check my website.

Here’s the screenshot: http://prntscr.com/iej0h6

Please help, and before thank you Catalin.

You can copy the code from top of woocommerce template into the td version. Often the template change is minor and many times i found only change was version header, which causes useless warning.

Hello, I want the tap part of my website menu look rather big, then I add the code in costum CSS:

.td-header-main-menu{
padding: 10px;
}
.td-header-sp-rec{
padding-top: 20px;

but it turns out if opened through the mobile device logonya cut off. How to solve it for logo + mobile-toggle + search button is back in the middle. But if opened through the desktop the menu part is still the same as I want above.

my website: https://www.rudiberbagi.com
this screenshot in the desktop: http://prntscr.com/iebqz8
and this screenshot in mobile device:http://prntscr.com/iebrjt

please help me, thank you.

Copy/paste this code to replace the old one

.td-business .td-header-style-1 .td-header-sp-logo {
float: left !important;
margin: 25px 15px 0 0 !important;
}
.td-header-wrap .td-header-menu-wrap-full {
height: 45px !important;
}
ul.sf-menu>.td-menu-item>a {
line-height: 45px !important;
}
@media (min-width: 768px) {
.header-search-wrap #td-header-search-button .td-icon-search {
line-height: 45px !important;}
}
@media (min-width: 767px){
.td-business .td-header-style-1 .td-header-sp-recs {
    margin: 27px 0 28px 0 !important;}
}

To move the logo to left side, Go to your theme panel > custom code > custom css then paste this code there :

.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
margin: 5px 15px 0 0;
}

To change the main menu height, pase this code in your custom code section :

.td-header-wrap .td-header-menu-wrap-full {
height: 45px !important;
}
ul.sf-menu>.td-menu-item>a {
line-height: 45px;
}
@media (min-width: 768px) {
.header-search-wrap #td-header-search-button .td-icon-search {
line-height: 45px;}
}

@ds-2, Go to your theme panel > custom code > custom css then paste this code there :


.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
margin: 5px 15px 0 0;
}


Hi Simion

Already remove and test it… But same problem. Something happens, if I scroll page up on header. Look the code which change… Do you need access on admin?

I mean I want to make certain menu items of header menu to be shown only on mobile device. Please help.

@Bogdan B. Using Header style 12 with the local news demo, my search and social media icons appear like this even with cache cleared http://prntscr.com/idtrzf. I was forced to use some custom CSS to reposition them. Try to inspect the site (URL is in my profile) and remove the code in the inspector for both icons and see. It looks something like this

@media (min-width: 768px) {
.td-icon-search {
margin-top: -12px;
}
.td-header-sp-top-widget {
margin-top: 11px;
}
}