Okay
  Public Ticket #3811207
Blog sidebar hide on mobile
Open

Comments

  • martijnruijterkamp1 started the conversation

    I am setting up my new website and currently working on my blog post layout.


    I would love to keep the stickey side bar on laptop and computers but on tablet/ mobile devices with a smaller screen I want to hide the sidebar. Now it is displaying at the bottom.


    Can you help me out with the custom css required?


    thanks in advance!

  •  3,054
    Andrew replied

    Hi Martjin,

    Thank you for reaching out to us.

    To remove the sidebar, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 999px) {
      .single-post #sidebar {
        display: none !important;
      }
    }

    Try this and let us know how it goes.

    Thanks

  • martijnruijterkamp1 replied

    it works, thank you also for the swift reply!

  •  1,986
    Judith replied

    Hi Martijn,

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.

    If you've enjoyed Salient, be sure to check out Nectarblocks, our latest innovation for building websites visually with WordPress.

    Your feedback is valuable to us and greatly appreciated!

    Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,