badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Specific layout for mobile?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #91588
    xeinar
    Participant

    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.

    #91591
    xeinar
    Participant

    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;
    }
    #91721

    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!

    #91752
    xeinar
    Participant

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

    #91781

    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

    #92152
    Kate Martin
    Participant

    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

    #93480

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.