• Bizarre – when I preview a new page in the browser window, it looks great. But when I publish it and view it in the browser window, the vertical scrollbar disappears. Page here: https://enidpenis.com/media/

    Have tried deleting the page, rebuilding, refreshing, clearing cache, rebooting etc., etc. – keeps happening. And all the other pages are fine.

    Loving this theme more and more, by the way.

Viewing 6 replies - 1 through 6 (of 6 total)
  • I’m seeing a page not found? Is it published? Could be a css conflict.

    Kadence Themes

    Thread Starter tentpeg

    (@tentpeg)

    Ya, kept experimenting and found a strange fix – if I changed the page title and slug, the page rendered fine. Otherwise no matter what I did, the scrollbar was missing and the page, including topbar, was nudged lower and to the right in the browser window.

    Could it be something in WP cache you think?? (No cache plugin installed.) None of my other pages were affected. But even if I deleted the page and rebuilt a new one with that same title, the problem returned. Drove me crazy for hours which is why I caved and renamed it to ‘Press’. (https://enidpenis.com/press/)

    If I can reproduce the problem I’ll post a link.

    Hmm, try adding this css in your theme options > advanced settings:

    body.media {
      margin: 0;
      overflow: visible;
    }

    Kadence Themes

    Thread Starter tentpeg

    (@tentpeg)

    Thanks. But wonder if my css additions are conflicting somehow. I pasted below what I’ve got in there at the moment. But why would it just do it on one page?? Have a love/hate relationship with these kind of mysteries ?? Thanks for joining the ‘Investigation’!

    ++++++++++++++++++++++++++++++
    @media (min-width: 768px) {
    .container {
    width:750px;
    }
    }
    .postdate, .kad-hidedate, .postdatetooltip {
    display:none;
    }
    .subhead .postedintop, .kad-hidepostedin {
    display:none;
    }
    .kad-hidepostauthortop, .postauthortop {
    display:none;
    }
    .video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    }
    .video-container iframe,
    .video-container object,
    .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }
    .page-header {
    display:none;
    }
    .column-left {
    float:left;
    width:33%;
    }
    .column-right {
    float:right;
    width:33%;
    }
    .column-center {
    display:inline-block;
    width:33%;
    }
    .topclass {
    min-height:15px;
    }
    ++++++++++++++++++++++++++++++

    Wouldn’t have to do with your css, has to do with css class .media and if you name a page that name becomes a class in the body tag.

    If the css I posted works I’ll make it part of the theme.

    Kadence Themes

    Thread Starter tentpeg

    (@tentpeg)

    Bumbled my way into another fix that worked temporarily so wanted to let you know I just now tried your code (below) and it works (in case you want to make it part of the theme.) Thanks!

    body.media {
    margin: 0;
    overflow: visible;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Scrollbar disappears in browser window when page published’ is closed to new replies.