Theme Fully Responsive or Not?

resolved (5 posts) (2 voices)

  1. Hi Guys

    I've had a problem with responsiveness of my site (larrygmaguire.com) from day 1 and I reckoned that it was a setting or something that I could fix later, but I can not seem to find the answer.

    My site;

    Larry G. Maguire
    http://larrygmaguire.com which is not responding well to mobile at all. I have disabled all plugins and it has made no difference.

    I have a custom homepage set up which does respond well but that's delivered by a separate plugin (which I have disabled in my efforts to figure this out)

    Images and other elements are not responding to smaller screens

    Other issues like fancy boxes with various short codes to achieve a certain look on desktop do do respond to a smaller viewing screen.

    As a result when my site is set to either responsive settings it breaks. It looks terrible.

    Do you guys have a fix for this? I know I'm not the only one having difficulties here and I accept I should have done my homework

    Attachments

    1. screenshot168.jpg (111.2 KB, 0 downloads) 2 years old
    2. screenshot169.jpg (100.9 KB, 0 downloads) 2 years old
    3. screenshot167.jpg (59.3 KB, 0 downloads) 2 years old
    4. screenshot166.jpg (53.8 KB, 0 downloads) 2 years old
    5. screenshot165.jpg (60.6 KB, 0 downloads) 2 years old
    Posted 2 years ago #
  2. I wasn't finished before I sent that...

    Anyway, I need you assistance to fix this. Currently my site is set to fully responsive in the settings so can you get a look and come back to me asap?

    Regards, Larry

    Posted 2 years ago #
  3. OK so I've found the problem.

    Here's a bit of custom CSS I had added;

    #body_inner { width: 100% !important; margin: 0px !important; }

    #header, #content, #breadcrumbs, #header_extras , #slider_module, #intro, #outro { width: 1100px !important; margin: 0px auto !important; }

    #footer {
    background-color: #00437F;}

    .display-posts-listing .listing-item {
    clear: both;
    }

    .display-posts-listing img {
    float: left;
    margin: 0 10px 10px 0;
    }
    .widget { border: 1px solid #00437f;
    border-radius: 5px;
    padding: 10px;
    }

    Can you guys see where the problem is? What I wanted to get was a full width footer in a single colour- blue, and I also wanted a 1100 width site.

    Can you help me better achieve this?

    Regards, Larry

    Posted 2 years ago #
  4. Ok so I've answered that width question as well...

    #header, #content, #breadcrumbs, #header_extras , #slider_module, #intro, #outro { width: 1100px !important; margin: 0px auto !important; }

    throws out the responsiveness...

    So how do I get a desktop 1000 width and keep the responsiveness?

    Regards, Larry

    Posted 2 years ago #
  5. Elliott
    Support

    You can remove the !important or add a new line like so,

    .mysite_responsive #header { width: 100% !important; }
    etc etc
    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme