Major issue on mobile devices

CodeVibrant Forums Fullscreen Agency Major issue on mobile devices

This topic contains 7 replies, has 4 voices, and was last updated by  mhjsab 2 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2464

    Lior Haner
    Participant

    Please check my site here: https://www.kadabrainc.com
    On mobile the homepage is messed up and internal pages do not show content, only the featured image. This is terrible.

    #2483

    dineshmhr
    Moderator

    Hello there,
    Could you add this css to your site.
    @media only screen and (max-width: 600px)
    .entry-content {
    display: block!important;
    }
    This is for the temporary solution. We will soon give you the update of our theme regarding this issue.

    Regards
    Codevibrant support team.

    #2484

    niinav87
    Participant

    Hi,

    I have also issues with mobile with http://ams-henkilostopalvelut.fi

    How can I fix this?

    #2491

    mhjsab
    Participant

    Hey there,

    can you please send the screenshot of particular issue? so that we could understand your issue and fix it as soon as possible.

    Regards,
    Codevibrant Support team

    #2559

    Lior Haner
    Participant

    The temp solution has been added as additional css but it didn’t change anything.
    Content isn’t shown on mobile devices, just headers, and the menu doesn’t show anything.

    #2561

    mhjsab
    Participant

    Add this to your additional css this will make your menu visible.

    @media only screen and (max-width: 1200px) {
    #masthead.layout-4 a{
    	color:#fff;
    }

    And for other solution you can kindly update the version of the theme.

    #2643

    niinav87
    Participant

    Content won’t scale with mobile devices (images, text): https://drive.google.com/open?id=1D6aG2MpkGNG2ZS2x-rljamoKkhvgGmYI

    #2645

    mhjsab
    Participant

    Hello,
    Add the code below in the additional css,

    
    @media only screen and (max-width: 600px){
    .page .inner-content-wrapper article {
    	position: inherit !important;
    }
    
    .page .inner-content-wrapper article h3 {
    	font-size: 14px;
            text-align: left;
    }
    
    .page .inner-content-wrapper article h2 {
    	font-size: 22px;
    }
    
    .page .inner-content-wrapper article h1 {
    	font-size: 28px;
    }
    
    .page .inner-content-wrapper article h4 {
    	font-size: 15px;
    }
    
    .page .wp-block-cover, .page .wp-block-cover-image {
        min-height: 400px;
    }
    
    #colophon .site-info {
    	margin-top: 0;
    }
    
    .wp-block-button__link {
        font-size: 15px;
    	padding: 6px 20px;
    }
    }
    
    @media only screen and (max-width: 600px){
    .page .wp-block-cover, .page .wp-block-cover-image {
     	min-height: 370px;
    }
    
    .page .inner-content-wrapper article h1 {
    	font-size: 24px;
    }
    
    li{
    	text-align:left;
    }
    }
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.