This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

Forum anchors and logo with small screens
#1
Forum anchors and logo with small screens
TGates i hope you don't get annoyed by my forum suggestions as i have two new ones.. Tongue


  • The anchors need an offset because the forum has an fixed navbar. 

Does this when using anchor links:
[Image: VFivnSDm.jpg]

Needs to do this:
[Image: bQtbZBem.jpg]


  • When the navbar collapses the Sentora logo stays big.

Does this:
[Image: 0kMmzzgm.jpg]

needs to be:
[Image: AIiyT4Wm.jpg]



I have copied a page of the forum and have a fix for both, but of course there can be things changed when i copied them.
So i am not 100% sure it will work without tweaking..

Add also to bottom off http://forums.sentora.org/cache/themes/t...custom.css

Code:
/* fixes offset off anchors for screens with full navbar */
:target:before {
 content:"";
 display:block;
 height:78px;
 margin:-78px 0 0;
}

@media (max-width: 767px) {
    /* fixes offset off anchors for screens collapsed navbar */
    :target:before {
      content:"";
      display:block;
      height:50px;
      margin:-50px 0 0;
    }
    /* fixes logo size with collapsed navbar */
    .navbar-brand img{
        transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
          margin-top: -22px;
    }
}

My Sentora DemoMy GithubAuxio Github
Zentora themeS-Type themeCstyleX theme
flat-color-iconssmall-n-flat-icons

Sentora's development takes way too long, so i'm transitioning to HestiaCP.
Reply
Thanks given by:


Messages In This Thread
Forum anchors and logo with small screens - by Ron-e - 04-12-2015, 10:05 PM

Possibly Related Threads…
Thread Author Replies Views Last Post
Forum SSL && Email problems republicus 1 1 ,872 02-22-2023, 08:14 AM
Last Post: TGates
Sentora Forum Spam Issues fearworks 9 28 ,790 12-13-2018, 12:51 AM
Last Post: TGates
Forum (activation) email issue fearworks 1 6 ,080 07-04-2018, 02:19 AM
Last Post: TGates

Forum Jump:


Users browsing this thread: 3 Guest(s)