Blog Sidebar not showing on iphone screens, previous solution not working

  • Hi,

    I have the same problem as one that someone posted about three years ago, and have tried the solution suggested then, but it doesn’t seem to have worked. Someone more recently I think found a solution, but I’m not sure if it’s applicable to my site. The problem is this:

    I have some text typed in as a ‘welcome message’ in my Moesia blog. It shows up on PC view, laptop and iPad (when held width ways), but it doesn’t show on iPad held portrait or on mobile.

    The solution I read was this:

    “By default welcome-description and welcome-button are hidden on 600px screens and less.

    Please try to use the following CSS code in order to make those elements visible on all screens.

    You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

    .welcome-desc {
    display: block !important;
    }

    .welcome-button {
    display: inline !important;
    }

    which I have done, and the situation is the same. Have I missed something? Thanks for the help!

    David

    • This topic was modified 4 years, 10 months ago by djtodd1992.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
@media only screen and (max-width: 991px) {
  #secondary.widget-area {
    display: block;
  }
}

    Regards,
    Kharis
    aThemes Support

    Thread Starter djtodd1992

    (@djtodd1992)

    Hi Kharis,

    Thanks very much, that now works, except the welcome message appears under the most recent blog posts. Is there any way to make it the first thing you see on the page in the mobile version?

    Best,

    David

    Hi David,

    You’re welcome!

    > Is there any way to make it the first thing you see on the page in the mobile version?

    I am sorry, I didn’t know where it is appearing at. Is there any screenshot you can share here?

    [ Signature deleted ]

    • This reply was modified 4 years, 10 months ago by Jan Dembowski.
    Thread Starter djtodd1992

    (@djtodd1992)

    Hi Kharis,

    So it’s the same page as above that I put in the link, just viewed on a phone. At the moment the ‘Welcome to Opera with a Hot Toddy’ appears below the blog posts. I have taken a screen shot but can’t see how to send it to you!

    I hope that makes sense.

    Thanks,

    David

    Hello David,

    Apologies for the delay in response.

    You can use file hosting services like Google Drive and Cloudup.com to host your files and share the links into them in your reply.

    [ Signature deleted ]

    • This reply was modified 4 years, 10 months ago by Jan Dembowski.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Blog Sidebar not showing on iphone screens, previous solution not working’ is closed to new replies.