Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 5, 2017 at 5:48 pm #804066
    msbllc

    Hey team,

    Based off the clients request I had to create some custom css to make the blog featured images appear to the left and the square size they are. However, on mobile device it doesn’t stack good. I know you guys aren’t css people but you probably know more than me. Here is the code I am using and the “attempted” code for mobile response. **The website link is in the private content area**

    #top .fullsize .template-blog .blog-meta {
    float: left !important;
    width: 200px;
    margin-right:30px !important;
    }

    @media only screen and (max-width: 900px) .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar { #top .fullsize .template-blog .blog-meta {
    float: none !important;
    width: 200px;
    margin-right:0px !important;
    }}

    June 6, 2017 at 12:13 am #804235
    Jordan Shannon

    Hey msbllc,

    Remove this that you have above:

    @media only screen and (max-width: 900px) .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar { #top .fullsize .template-blog .blog-meta {
float: none !important;
width: 200px;
margin-right:0px !important;
}}

    and add the following to quick css:

    @media only screen and (max-width: 767px){
.blog-meta {
    float: none!important;
    margin-right:none !important; 
    width:100%important;
}
}

    Best regards,
    Jordan Shannon

    June 6, 2017 at 8:57 pm #804677
    msbllc

    Hey Jordon, I appreciate you helping out. I replaced the code and now the text on the blog isn’t showing up. I’m using an iPhone 7 Safari. I’ve even condensed my desktop browser and both on my phone and desktop the text goes away. Is it acting that way for you too?

    June 6, 2017 at 9:14 pm #804684
    Jordan Shannon

    Hi,

    You seem to have some broken css somewhere, as when I remove everything below my code, the text appears. Please review your css rules to locate the break and it should work.

    Best regards,
    Jordan Shannon

    June 6, 2017 at 9:41 pm #804694
    msbllc

    Thanks Jordan!

    It was an
    overflow: auto;
    issue on the wrapper css

    June 6, 2017 at 9:50 pm #804702
    Jordan Shannon

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.