Support » Theme: Hueman » Remove sidebar arrows on Mobile

  • I have set the option to not display sidebars on the mobile version of the site, but they are still showing.

    I want to disable them and enable the content width to be 100%.
    Example : Photo

    Also, when I view the site on my phone, I need to scroll to the right so I can see the hamburger menu icon?
    Example : Photo

    • This topic was modified 1 month, 1 week ago by flashoverau.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • I think this is right?

    @media only screen and (max-width: 960px) and (min-width: 480px){
    .col-3cm .s1.collapsed {
    display: none;
    }}

    @media only screen and (max-width: 960px) and (min-width: 480px){}
    .col-3cm .s2.collapsed {
    display: none;
    }
    @media only screen and (max-width: 960px) and (min-width: 480px){
    .col-2cr .container-inner>.main::before, .col-2cr .main-inner, .col-3cm .container-inner>.main::before, .col-3cm .main-inner {
    padding-left: 0px;
    padding-right: 0px;
    }}

    • This reply was modified 1 month, 1 week ago by flashoverau.

    Ok, that seems to have solved both issues.

    But now, on mobile I can’t scroll to the bottom of the page.

    If I view the site on my phone, even on the main home page, you can’t scroll past a certain point. There is content below it, but something is preventing it from scrolling down.

    • This reply was modified 1 month, 1 week ago by flashoverau.

    Can you just confirm that’s the best way to remove the size bars from mobile?

    I am getting mixed results.

    Thanks 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.