Supreme Directory

This topic contains 17 replies, has 3 voices, and was last updated by  Alex Rollin 6 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #417930

    Collin
    Free User
    Post count: 34

    I’ve tried many different ways to get the content to always fit the screen, but its not responsive when I do it. Is there something I’m missing?

    #417939

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    are those GD Features or something else?

    If it is a GD Feature we can take a look, just send over a URL.

    #417985

    Collin
    Free User
    Post count: 34

    Hello, is just content using beaverbuilder, there not features, just icons with text next to them.

    When I use a background image it doesn’t fit the screen ends like a normal background would, and I’ve tried different ways, but I can’t figure it out and it be responsive.

    Link is findmeautorepair.com.

    #417991

    Kor
    Moderator
    Post count: 16516

    Hi Collin,

    Thanks for your reply. Could you please share WP admin access in private reply so that we could take a better look at it? Normally we would recommend contacting the plugin author but I’d like to see if it’s something that we could help.

    Thanks!

    #418032

    Collin
    Free User
    Post count: 34
    This reply has been marked as private.
    #418037

    Kor
    Moderator
    Post count: 16516

    Hi Collin,

    Let’s try using this custom CSS code and see if it’s fixes the issue you had there.

    
    
    .entry-content.entry-summary.sidebar-active.sidebar-right {
        
        padding-right: 0px!important;
        right: 0px!important;
    }
    .sd.home .content-box.content-single article.hentry {
        margin: 0px!important;
       
    }
    
    .sd .container div.entry-content {
        
        margin-bottom: 0px!important;
        padding: 0px!important;
        
    }
    
    div#home-scroll {
        padding: 0px!important;
    }

    Thanks!

    #418040

    Collin
    Free User
    Post count: 34

    That works on the mobile, but on desktop it only moves the content section up.

    #418164

    Kor
    Moderator
    Post count: 16516

    Hi Collin,

    Thanks for your reply. I’ll get a dev to check on this.

    Thanks!

    #418185

    Alex Rollin
    Moderator
    Post count: 27815

    You can customize the CSS further as you go along.

    See this page for more information about it:

    https://wpgeodirectory.com/docs/customizing-your-style/

    Another example is

    
    
    
    #home-scroll.container {
    	width: 100%;
    }
    
    #418262

    Collin
    Free User
    Post count: 34

    I tried that snippet, and it makes it wider, but it still doesn’t fit the screen like the .featured-area does. I’ve tried all kinds of ways, but I can’t get it to fit the screen and still be responsive on all platforms.

    #418281

    Alex Rollin
    Moderator
    Post count: 27815

    OK, maybe it’s better to go a different way.

    You can try GD Features: https://wpgeodirectory.com/docs/widgets/#features

    #418311

    Collin
    Free User
    Post count: 34

    So use the “Feature” widget and try that. Also, looking at the page layout, would using the bottom section as the content section work? That shows to be full width like the header and footer.

    #418315

    Alex Rollin
    Moderator
    Post count: 27815

    give it a go and let us know if it works for you

    #418488

    Collin
    Free User
    Post count: 34

    I tried using the plugins, but they are not working. I tried using directory and supreme themes, not go. I undid all the css, and still nothing on the front page.

    #418522

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    try this

    
    
    
    .sd.home .sd-container article.page {
    	padding: 0;
    	margin: auto !important;
    }
    .sd.home #home-scroll.container {
    	padding: 0;
    	width: 100%;
    }
    .sd.home #home-scroll.container > .entry-content {
    	padding: 0;
    	width: 100%;
    	border: none;
    	float: none;
    	margin: auto;
    	margin-bottom: -1px;
    }
    .sd.home #home-scroll.container > .sd-sidebar {
    	display: none;
    }
    .sd.home #footer .footer-widgets {
    	border: none;
    }
    
Viewing 15 posts - 1 through 15 (of 18 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket