Find answers, ask questions, and connect with our
community around the world.

Forums Forums Web Design WordPress Help with CSS

  • Help with CSS

     David updated 2 years, 10 months ago 2 Members · 2 Posts
  • David

    Member
    January 16, 2020 at 7:42 pm

    I am working on a gaming website and have an issue with the sidebar. For some reason, the developer of the theme I am using, decided not to have the sidebar show up in mobile version. I was able to use some CSS to get the sidebar to show up however it seems that the sidebar displays at the top of my website in mobile view instead of at the bottom how I want. How do I go about resolving this?

    [Desktop View(Sidebar at the right)](https://preview.redd.it/m3uvuj3z42741.jpg?width=1266&format=pjpg&auto=webp&s=d6343176632392212ead8a4bcd0b700c4419c126)

    ​

    ​

    ​

    [Mobile View(Sidebar at the top but wanting on bottom)](https://preview.redd.it/lq0n0wu252741.jpg?width=656&format=pjpg&auto=webp&s=4f4dd8965c9c3e812c01fabb8453ad72fee75d76)

    ​

    ​

    The CSS Code I am using:

    media screen and (max-width: 685px) {
    .sidebar.right {
    float: left !important;
    display: block !important;
    width: 100%;
    }
    }

  • PointandStare

    Guest
    January 16, 2020 at 7:42 pm

    “Released: October 12, 2012”
    I seriously recommend using a more modern theme.
    Either that or contact their support for help.

  • code_tribe

    Guest
    January 16, 2020 at 7:42 pm

    There’s not enough info here for me to help, are you sure it’s appearing before the content and not covering it? What is the theme using for layouts? Us it flex based or using floats etc?

  • ZeroFantasmic69420

    Guest
    January 16, 2020 at 7:42 pm

    I am on mobile so I didn’t check your site.

    Sounds like the html has it at the top and floated right for desktop so when it collapses it will appear at the top. You can always position:absolute and bottom:0. You will then have to mess with margins to make it look right.

    The best fix is to go into the ftp and find the file that sets the sidebar location and move it to after the main body (make sure to make a child theme if you’re doing that).

Viewing 1 - 4 of 4 replies
Reply to: David
Your information:

Cancel
Original Post
0 of 0 posts June 2018
Now