Major issue on mobile devices

Tagged: fullscreen agency pro, Mobile, Responsive

This topic has 7 replies, 4 voices, and was last updated 6 years, 5 months ago by codevibrant.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
May 23, 2019 at 2:20 pm #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.

May 27, 2019 at 4:32 am #2483

Anonymous
Inactive

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.

May 27, 2019 at 3:14 pm #2484

niinav87
Participant

Hi,

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

How can I fix this?

May 29, 2019 at 6:13 am #2491

codevibrant
Keymaster

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

June 4, 2019 at 2:29 pm #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.

June 5, 2019 at 6:34 am #2561
codevibrant
Keymaster
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.
June 24, 2019 at 7:19 pm #2643

niinav87
Participant

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

June 25, 2019 at 5:41 am #2645
codevibrant
Keymaster
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;
}
}
```
Author

Posts