Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #273973
    Hans
    Participant

    Hi,

    If you look at:https://www.hagmeijer.nl/?page_id=10045, you will see exactly what I would ask now.
    Is it possible to smaller the gap between page title and menu
    and is it possible to have a small sidebar that fits at the right site of the page.

    This will be all.

    Kind regards

    Hans Hagmeijer

    #273999
    Skandha
    Participant

    @toerfiets: Hello Hans,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .site-branding {
        margin-bottom: 0 !important;
    }

    Your right sidebar is already small. Do you want it even smaller?

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #274055
    Hans
    Participant

    Hello Skandha,

    The sidebar issue has been resolved, I think.
    I will try to explain.
    The issue occurred after I embedded some code from tableau public (probably you know this analytics application).
    In the code there had been stored the width of the embedded “picture”.
    After embedding the code with a rather large width (1000px) there was the problem that in portrait mode on the iPad all was going well; in landscape the sidebar was partially covered by the embedded picture.

    AT least I discovered a possibility to download the tableau analytics in a format for every screen. And after that there was no more a problem on the iPad and even on the iPhone.

    But, I can imagine that you want to know why something doesn’t give a problem in portrait mode and gives problems in the lanscape mode.
    For me this issue has been solved and can be closed.

    Koind regards

    Hans Hagmeijer

    #274172
    Hans
    Participant

    Hello Skandha,

    About the sidebar.
    I can make the sidebar smaller. What I should like is that the content area becomes wider. But that doesn’t appear.

    Its there a solution for it.

    I use this css now:@media screen and (min-width: 64em) {
    .site-content .sidebar {
    margin-left: 80.46%;
    max-width: 290px;
    width: 50%;
    }
    .content-area {
    max-width: 1000px;
    }
    }

    But that doesn’t work.

    Kind reagrds

    Hans Hagmeijer

    #274228
    Hans
    Participant

    Hello Skandha,

    We decided t place no sidebar on every page.
    So you can close this issue.

    Kind regards and sorry for bothering

    Hans Hagmeijer

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘small sidebar and gap above page’ is closed to new replies.