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

    #124726
    Mahesh
    Keymaster

    @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

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