Separate code for mobile?
-
Hi, is there a way to edit css separately for mobile? The home page is working just fine on mobile but the alignments in the single post pages are all messed up. Please help!
The blog I need help with is: (visible only to logged in users)
-
Love the images on the site. Can you be more specific and give a link to a page that is not looking correct on mobile? As well, since you know what it is supposed to look like, can you outline what is wrong with the page you send as reference.
-
Hey thanks for the reply, I’ve actually managed to sort most of the things out on my own! I just have one doubt though. Right now when viewing any post on the mobile (e.g. https://theorijinal.com/2016/12/10/listen-submarine-in-spaces-new-single-take-off/), a “…” button appears AFTER the site content and I can only view the sidebar widgets if I click on it.
Is there a way to get them to display normally without having to expand them? Or even better, is there a way to display them BEFORE the site content/featured image?
-
Glad to hear you worked it out. As for the follow-up question, this is a tough one. It appears that you would have to move the sidebar with the <div id=”secondary”> to before the site content as you referenced. This is likely more than a CSS alteration. This would entail changing the post layout.
-
Ah okay, got it, forget that then. But using css, can I get the widgets to display on the mobile site without having to press a button to expand them?
-
I am pretty sure you can use CSS to make the widget stay open. But would have to dig further into this theme to figure it out.
-
In that case, could anyone help me with that? I’ve tried looking for obvious, specific terms in the code but can’t find any, I don’t have previous experience with css for mobile.
-
Today, most themes are set up to run by default on smaller screens and then adjustments are made to the style sheet for larger screens – i.e. mobile first design.
I have to admit this issue is a tough one for me. Can you tell me what theme you are running? If I run the theme on a test site and have a look at the style sheet it will help get to the issue.
-
-
Hi @, add the following to the very bottom of your custom CSS below everything else and it will keep the sidebar visible without the need to tap on the icon to open it on mobile.
@media screen and (max-width: 599px) { #secondary { display: block; } .sidebar-toggle { display: none; } .fb_iframe_widget span { max-width: 100%; } }I also noticed that your FB embeds on the main page were extending past the right border on smaller screens, so the last rule in the above Media Query addresses that issue.
-
-
-
- The topic ‘Separate code for mobile?’ is closed to new replies.