Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 3, 2014 at 2:59 am #246819
    djsmbd

    Hello,
    Is there a way to show the featured image with snippet in the mobile layout? It currently only shows the text snippet.
    here is the url: http://chicagoweddingblog.com/
    Kind regards.

    April 3, 2014 at 2:33 pm #247042
    Yigit

    Hey djsmbd!

    Please set featured image in your blog posts. I could not find one with featured image set

    Cheers!
    Yigit

    April 4, 2014 at 3:49 am #247315
    djsmbd

    Hi Yigit.
    All our posts do have a featured image set. Please note…we have disable the featured image within the top of each post on the desktop view. I’m guessing that also disables it in mobile view.
    Is there a way to keep it disabled is desktop view and enabled in mobile view?
    Below is the code you sent from our Quick CSS:

    @media only screen and (max-width: 767px){
    .responsive .mobile_slide_out .logo img {
    width: 80%;
    height: auto !important;
    padding-top: 15px;
    }
    }.single-post .big-preview.single-big { display: none; }
    div .logo {
    top: 20px !important;
    }
    .header-scrolled .logo {
    top: 0px !important;
    }

    April 4, 2014 at 11:36 am #247383
    Yigit

    Hi!

    Please find following code in your Custom CSS

    .single-post .big-preview.single-big { display: none; }

    And change it to 

    @media only screen and (min-width: 767px) { 
.single-post .big-preview.single-big { display: none; }}

    Best regards,
    Yigit

    April 4, 2014 at 8:41 pm #247634
    djsmbd

    Its not working. I’m guessing I entered incorrectly.
    Here is all the code in Quick CSS
    @media only screen and (max-width: 767px){
    .responsive .mobile_slide_out .logo img {
    width: 80%;
    height: auto !important;
    padding-top: 15px;
    }
    }
    @media only screen and (min-width: 767px) {
    .single-post .big-preview.single-big { display: none; }
    div .logo {
    top: 20px !important;
    }
    .header-scrolled .logo {
    top: 0px !important;
    }
    #menu-item-search {
    display: block!important;
    }

    April 5, 2014 at 6:22 pm #247831
    Yigit

    Hey!

    There is a closing curly bracket missing. Please try adding following code to bottom of Style.css file of your child theme in Appearance > Editor

    @media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (min-width: 767px) {
.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}
#menu-item-search {
display: block!important;
}}

    Regards,
    Yigit

    April 9, 2014 at 3:43 am #249032
    djsmbd

    Hi Yigit,

    All the code is added to Style.css as requested. As you can see here: http://chicagoweddingblog.com/ the featured image still does not display in mobile. The mobile site look great the way it is…just thought it might look better with the featured image also.

    Kind regarad,

    David

    April 9, 2014 at 4:55 am #249054
    Josue

    Hey David!

    Try with this code:

    @media only screen and (max-width: 767px){
.blog-meta{
display: block !important;
}
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (min-width: 767px) {
.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}
#menu-item-search {
display: block!important;
}}

    Best regards,
    Josue

    April 9, 2014 at 11:07 pm #249448
    djsmbd

    Thanks Josue! Worked!
    Is there a way to have the featured image above the content on mobile instead of on the side?

    April 10, 2014 at 7:45 am #249629
    Dude

    Hey!

    Yes, use this code:

    
@media only screen and (max-width: 767px){
.blog-meta{
display: block !important;
width: 100%;
}
.content .entry-content-wrapper .entry-content-wrapper {
clear: both;
}
}

    Best regards,
    Peter

    April 11, 2014 at 2:32 am #250032
    djsmbd

    Nice! Thanks Dude!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Mobile Blog Layout’ is closed to new replies.