Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Jul 2013
    Posts
    80
    Thanks
    40
    Thanked 0 Times in 0 Posts

    Question My sidebar in my blog never shows in mobile view, why?

    My blog sidebar has always disappeared in mobile view. Can anyone help me on how to make it display at the bottom of my blog when in mobile view?

    Thank you,

    Jeff

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    I'm certain you're able to figure this out on your own.

    Media Queries.

    Take a look at this block of code in your site.css file. Your answer is in there.

    Code:
    @media only screen and (max-width: 800px) {
    ....block of code...
    }
    My signature :)

  • Users who have thanked ttkim for this post:

    jddowell (09-20-2013)

  • #3
    New Coder
    Join Date
    Jul 2013
    Posts
    80
    Thanks
    40
    Thanked 0 Times in 0 Posts
    These (below) are the only media queries I have added to my site. It's a template based site from squarespace.com, so I'm thinking this is a built-in media query? I tried inspecting the element and searched for 800px, and didn't find anything. Thank you for the tip, Ill keep searching the code.

    @media only screen and (max-width: 640px) {
    @media only screen and (max-width: 767px) {
    @media (min-width: 768px) and (max-width: 979px) {

  • #4
    New Coder
    Join Date
    Jul 2013
    Posts
    80
    Thanks
    40
    Thanked 0 Times in 0 Posts
    I still can't even locate this 800px media query.

  • #5
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    It's in site.css. Use your search function. Control + F and type in "800px", and it'll pop up.
    My signature :)

  • Users who have thanked ttkim for this post:

    jddowell (09-20-2013)

  • #6
    New Coder
    Join Date
    Jul 2013
    Posts
    80
    Thanks
    40
    Thanked 0 Times in 0 Posts
    Thanks! I have got it to show up, and am using the code below. Can you tell me what to add to make it show above my footer?



    Code:
    .collection-type-blog #sidebarWrapper {display: inline!important; position: static!important; top: 200px!important;}


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •