Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 22, 2017 at 2:16 am #124689
    Steve101182
    Participant

    Good morning, I’m reviewing my site this morning and have noticed that when looking at the site on a mobile device the “featured content” text changed to being above/below the picture and not inside as seen on a desktop computer. Is there anything I can do?
    http://Www.risinghighballoons.co.uk

    October 23, 2017 at 12:05 am #124726
    Mahesh
    Participant

    @steve101182: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    @media screen and (max-width: 1023px) {
    .featured-content-wrapper .entry-header {
    	background-color: rgba(0, 0, 0, 0.25);
    	position: absolute;
    	top: 30%;
   		width: 100%;
    }
    .featured-content-wrapper .entry-header a {
    	color: #fff;
    }
    .featured-content-wrapper .post-thumbnail, 
	.featured-content-wrapper .entry-header {
        display: block;
        width: 100%;
    }
}

    Regards,
    Mahesh

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Featured content – mob view’ is closed to new replies.