-
AuthorPosts
-
November 10, 2017 at 8:34 pm #875359
Why doesn’t the side column appear under the main column on a cell phone???
How can I fix this?
- This topic was modified 7 years ago by d-mosseri.
November 11, 2017 at 4:56 pm #875502Hey d-mosseri,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .responsive #top #main .sidebar { display: block; border-left-color: #fff; } }
If you need further assistance please let us know.
Best regards,
VictoriaNovember 11, 2017 at 10:34 pm #875604Hi Victoria – thanks for the reply. Really it didn’t even occur to me to check if the side column appeared on phones. I’ve never run into this. So, you’re saying that the default is to hide the side column on phones?
Anyway, I added the code above to the CSS under General Layout. that didn’t work. Then, I added it in the Child theme on the server by adding a folder called css and a file called custom.css. That didn’t work.
Then, I put it in the main Enfold theme files in the exiting custom CSS file. That didn’t work.
Seriously, I need that side column to appear. What can I do?
November 12, 2017 at 8:48 am #875665Hi,
Have you tried hard clearing your cache after adding the css? I am currently able to view the side column on mobile.
Best regards,
Jordan ShannonNovember 12, 2017 at 4:38 pm #875758Hi Jordan – I did clear it yesterday, but did it again, and this time I see the side column, too. Gotta love this technology!
Thanks.
November 12, 2017 at 9:27 pm #875820Hi,
Great! Did you need further help, or shall I close this topic?
Best regards,
Jordan ShannonNovember 12, 2017 at 9:40 pm #875830I deleted the code from the Enfold custom.css file and it seems like the side column is no longer showing. I did clear the cache again.
Are you seeing it? If not, does this mean it has to go in the main theme files and I’ll have to re-add it every time the theme is updated?
Thanks.
November 12, 2017 at 9:44 pm #875834Hi,
I am no longer seeing it. If you put it in quick css, or the child theme css file it will be safe from updates. If it was not working in quick css perhaps you have some formatting errors in the css that’s already there? Please try adding Victoria’s css to the very top of your quick css.
Best regards,
Jordan ShannonNovember 13, 2017 at 12:57 am #875894OK, here’s what it looks like in wp-content/themes/enfold-child/style.css:
/* Theme Name: Enfold Child Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://kriesi.at Template: enfold */ /*Add your own styles here:*/ @media only screen and (max-width: 767px) { .responsive #top #main .sidebar { display: block; border-left-color: #fff; } }
Here’s what it looks like in the Quick CSS:
@media only screen and (max-width: 767px) { .responsive #top #main .sidebar { display: block; border-left-color: #fff; } } .avia-menu-text{ font-size:16px!important; } .main_color strong{ color:#000000; } h3 { line-height: 60px;;
Now, I’m seeing it. Are you? Not sure which one is working. Do you see any errors in the code?
November 13, 2017 at 12:14 pm #876064Hi,
You have some errors, please change this:
h3 { line-height: 60px;;
To this:
h3 { line-height: 60px; }
Best regards,
RikardNovember 13, 2017 at 4:23 pm #876149Rikard – Thanks for the response!
That H3 was correct when I added the other code to the bottom. When I moved it to the top, I messed up.
But, in any event, as far as I can tell right now, the side column shows and I’ve only got the code at the top of the General Styling area, nothing in the server files. So, I”m good to go!
Thanks to everyone for your help.
November 13, 2017 at 7:28 pm #876224Hi,
I’m glad you were able to get this corrected.If you additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Side column doesn't appear on cell phones!!’ is closed to new replies.