[xeinar]

Is there a way to have the theme show/disable certain components depending if the site is shown on mobile? I’m thinking specifically to the banners, very useful when the site is shown on desktop, but quite annoying when on mobile.

I’m trying to create a child theme but I don’t know if this is a solution and how to force it for mobiles.

[xeinar]

Actually I found a solution by coping what done for another component found on this forum:

@media (max-width: 767px) {
	.featured-section	
 {
	display: none;
 }
}

I now have the stories-title too close to the menu bar. I tried this solution but the colored vertical bar keep being sticky to the menu bar; how to space it as well?

.stories-title
{
padding-top: 50px;
}

[Theme Horse Support Team]

Hi Xeinar,

Just try below custom CSS code to hide the banners and add some white space between navigation and content area.

@media (max-width: 767px) {
	.featured-section {
		display: none;
	}
	.home .site-content,
	.blog .site-content {
    		padding-top: 30px;
	}	
}

Thank you!

[xeinar]

It worked indeed, but I had to add the !important instruction. Thanks!

[Theme Horse Support Team]

Hi xeinar,

It’s great you solved it by your self.

Please let us know if you have any other queries regarding the Theme.

Thanks

[Kate Martin]

Hi.

I could still use help figuring out how to make my mobile appearance as cool as the desktop appearance with NewsCard Pro.

Currently with mobile, just the most recent post shows instead of the cool desktop look that features the theme elements of categories and sliders. Also, the photo that shows on mobile is cropped, so it doesn’t look very good.

If you try https://theseattlejournal.com on the mobile, the name of the site doesn’t even show up.

If you try it on a desktop, everything shows nicely including the name of the site.

Thanks,

Kate

[Theme Horse Support Team]

Hi Kate Martin,

We are sorry for the late response. Our Support Team has missed your query.
How do you feel that your mobile view is not working well. The same widgets and section will be shown on mobile as in the Desktop view. Since Every users won’t upload the similar images size so the images are in a covered way so that it gets cropped to fit to have the design and layout look good. We find the mobile view have lots of ads that light also affect to look off layout and design.
To increase the font size of Site Title on mobile, Please go to “Appearance > Customize > Additional CSS” and Paste the below Custom CSS code.

@media (max-width: 767px)
.site-title {
    font-size: 26px;
}

Thanks

[Author]

Posts