Mobile design

lisarhode · Member · Feb 6, 2014 at 6:51 pm
Copy link

Add topic to favorites
My website’s sidebar collapses when viewing on a mobile device. What code can I add so that the sidebar is reconfigured for mobile devices?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Feb 6, 2014 at 11:06 pm
Copy link
The mobile theme is a completely different theme. Sight is a responsive layout theme. Know that responsive width means the layout adapts depending on the size of the device being used to view your site. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.
Go to > Appearance > Mobile to enable the mobile theme
thesacredpath · Member · Feb 7, 2014 at 7:38 am
Copy link
Lisa, add the following and see what you think. This takes the sidebar and content to a 100% width after the sidebar drops below the content at 768px and work all the way down to portrait smart phone widths of 320px.
```
@media screen and (max-width: 768px) {
    #secondary, .site-content {
        width: 100%;
    }
    .widget, #band {
        width: 96%;
    }
}
```
lisarhode · Member · Feb 9, 2014 at 7:34 pm
Copy link
I added the code but it didn’t work, is it cascading in the right place? I posted a question to CSS support before and received an answer with this link:

shaunandrews, staff,
link http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

The link is for code to targeting screen widths. What is the best way to solve this, did I place the code in wrong or should I target?

Thanks.
thesacredpath · Member · Feb 9, 2014 at 7:47 pm
Copy link
What do you want the sidebar to do on a mobile device? The code I gave aligns the sidebar and its content below your page content. I just added it to your Custom CSS and narrowed my browser window down to a smartphone, and also used the smartphone preview button in the customizer and all appears to be as it should.
lisarhode · Member · Feb 10, 2014 at 4:31 pm
Copy link
No, there is still problems with the sidebar, I will try some code from the recommended site and repost if that doesn’t fix it. There are other issues that need to be done first that I’ll post.

Thanks.

No items found.