mikblik

Could you please post the solution to this problem? I am trying to remove the blank space at the top of the page and don’t know which setting disables it. Thank you.

I found that the margin-top for #tc-reset-margin-top jumped between 71px and 61px on scroll. I added the following code, which fixed the problem.

#tc-reset-margin-top {
margin-top: 80px !important;
}

Is this a template bug or was it an error on my part?

I wonder if it has something to do with the sticky-disabled vs sticky-enabled height not specified properly or the height of the logo?

• This reply was modified 7 years, 11 months ago by mikblik.

Figured it out with this:

/* Menu position before scrolling */
.sticky-disabled #menu-main-menu-2 {
position: relative;
top:  -52px;
left: 0%;
}

/* Menu position after scrolling*/
.sticky-enabled #menu-main-menu-2 {
position: relative;
top:  -48px;
left: 0%;
}

/* Logo positioning on mobile */
@media (max-width: 979px){
  .tc-header .brand { 
    float: left; width: 80%; text-align: left;
    padding-left: 10px;
    position: relative;
    z-index: 100;
  }
  .tc-header .navbar-wrapper {
    z-index: 99;
    position: relative;
    float: none;
  }
  .nav-collapse, .nav-collapse.collapse {
    top: 100%;
  }
  .navbar .navbar-inner {
    margin: 0;
  }
  .navbar .btn-navbar { 
    margin: 9px 0;
  }
}

/* Logo sizing */
.sticky-enabled .tc-shrink-on .site-logo img {
 height: 50% !important;
width: 50% !important;
}
.sticky-disabled .tc-shrink-on .site-logo img {
 height: 50% !important;
 width: 50% !important;
}
.home.sticky-disabled .tc-shrink-on .site-logo img {
 height: 100% !important;
 width: 100% !important;
}

Figured it out with this:

/* Move social icons to right */
.navbar-inner .social-block {
float:          right;
position:       relative;
top:            8px;
margin-top:     0px;
margin-right:   -30px;
text-align:     right;
font-size: 0.5em;
}

.sticky-enabled .tc-header .social-block {
display: inline;
top:            12px;

}

/* Hide social icons on mobile */
@media (max-width: 979px){
.navbar-wrapper .navbar.resp .social-block {
display:            none;
}
}

Ah, thanks so much, @stephencottontail, I wondered about the absence of spaces between selectors. Now I know!

Mihael

Hi,

I have been trying to figure out how to do something similar. I would like to have the expanded/contracted menu on my desktop website, which is already possible in this theme.

However, in my version, in the expanded view, only the logo overhangs the whole menu (Navbar) bar. As I start to scroll down, the logo contracts to its smaller state, as it already does by default. The rest of the menu bar (menu, social icons, byline, height of the menu bar) remains stationary and will not change. The contracted logo will now fit inside the navbar.

Could someone please tell me how to do it?

My website: https://www.takuhomes.com

Thank you!
Mihael

• This reply was modified 8 years, 3 months ago by mikblik.
• This reply was modified 8 years, 3 months ago by mikblik.

Hi,

Where do I check the image format and what should it be to work?

Individual posts do already have featured images attached to them.

Thanks,
Mihael

In case anyone else has this problem, the solution is very simple. You just need to add a few lines of code to your “.htaccess” file.

My redirects are setup to redirect all “mihaelblikshteyn.com” and “www.mihaelblikshteyn.com” traffic to my SmugMug account at “archive.mihaelblikshteyn.com”. This messed with WordPress search as WordPress tried to display search results as “mihaelblikshteyn.com/?s=search-term” and the redirect would take it to SmugMug. With the below code, WordPress search results are forced to be displayed as “www.mihaelblikshteyn.com/search/search-term”.

# search redirect
# this will take anything in the query string, minus any extraneous values, and turn them into a clean working url
RewriteCond %{QUERY_STRING} \\?s=([^&]+) [NC]
RewriteRule ^$ https://www.mihaelblikshteyn.com/search/%1/? [NC,R,L]