Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #314368
    Martin
    Participant

    I have noticed on interesting problem. I present 6 different services on my home page using custom in theme option services.

    I looks ok on a regular screen but if the screen gets too wide the text disappears. Only the image for the service is shown.

    You can take a look at halsoevent.sveman.com. If you can’t reproduce I can send you screenshots by mail.

     

     

    #314376
    Sakin
    Keymaster

    Hi Martin,

    In this service section, as per the design, the image should float to left with just a thumbnail image. But you added a big image in using Custom, so there was an issue. To fix this, please add the following CSS in the “Appearance => Customize => Theme Options => Additional CSS” box:

    /* Service Section Layout 3 Full Content on Large Screen */
    @media screen and (min-width: 85.375em) {
    	.services-content-wrapper.layout-three .post-thumbnail {
    		float: none;
    		margin-right: 0;
    	}
    
    	.services-content-wrapper.layout-three .entry-title,
    	.services-content-wrapper.layout-three .entry-content,
    	.services-content-wrapper.layout-three .entry-summary {
    		margin-top: 20px;
    	}
    
    	.services-content-wrapper.layout-three .entry-container {
    		text-align: center;
    	}
    }

    Regards,
    Sakin

    #314410
    Martin
    Participant

    Thanks! You guys always deliver. Thank you very much for a quick and perfect solution as always.

    #314464
    Sakin
    Keymaster

    thanks for your appreciation.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Text disappears when screen is to wide’ is closed to new replies.