Logo In Topbar

  • Love the theme. I am using it only site: https://theTVPage.com.

    I recently followed the steps in this forum to add my custom logo to the topper. Looks GREAT. But…

    It does not show up on mobile or when I make the window too small.

    (In fact, the whole topper collapses and goes away).

    Have I done something wrong?

    This is the custom CSS doe I am using:

    #nav-topbar .nav li.topbar-logo a,
    #nav-topbar .nav li.topbar-logo a:hover {
    display: block;
    background-image: url(‘https://thetvpage.com/wp-content/uploads/logo-5.png’);
    background-color: black
    background-repeat: no-repeat;
    text-indent: -9000px;
    padding-top: 10px;
    width: 242px;
    height: 30px;
    }

    Also, the topper sticks to the top of the window when viewing on my Mac, but when I look at it on an iPad, it scrolls out of view.

    Is there a way to make it stick on mobile devices?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Orngmn44. The topbar and menus collapsing are part of the responsive design of the theme. The logo should be visible on a mobile device until the viewport reaches 720px at which time the topbar and main menus collapse and are replaced by icons.

    The topbar is fixed until 1025px and then it changes to scroll with the page. This is another part of the responsive design. This could be changed by copying the following @media query from the theme style.css to a child theme and changing the point at which it scrolls:

    @media only screen and (min-width: 1025px) {
/* fixed nav */
  .full-width.topbar-enabled #header { padding-top: 50px; }
  .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
  .full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
}

    Hi Orngmn44

    Your site looks amazing! I have a query for my site. How can i put the slider that you have put on your homepage. It is very nice. ??

    Thank you

    Thread Starter Sean Daly

    (@orngmn44)

    Hi.

    Are you talking about the large photo at the top of the front page?

    It can be used as a slider but I have it set to a display just one post.

    You can activate it in dashboards> theme options > blog > featured post count.

    Good luck.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo In Topbar’ is closed to new replies.