Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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.
    #875502

    Hey 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,
    Victoria

    #875604

    Hi 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?

    #875665

    Hi,

    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 Shannon

    #875758

    Hi Jordan – I did clear it yesterday, but did it again, and this time I see the side column, too. Gotta love this technology!

    Thanks.

    #875820

    Hi,

    Great! Did you need further help, or shall I close this topic?

    Best regards,
    Jordan Shannon

    #875830

    I 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.

    #875834

    Hi,

    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 Shannon

    #875894

    OK, 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?

    #876064

    Hi,

    You have some errors, please change this:

    h3 {
        line-height: 60px;;

    To this:

    h3 {
        line-height: 60px;
    }

    Best regards,
    Rikard

    #876149

    Rikard – 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.

    #876224

    Hi,

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Side column doesn't appear on cell phones!!’ is closed to new replies.