Painting Company Theme – mobile issues

[Lori Schroeder]

On my phone, the display only takes up about 1/2 the screen on the left side. See https://imgur.com/a/KO3iVxN

Website is http://lswebsitedesigns.com/capital/

Also, is there a way to make the navigational menu more like an accordian. Instead of everything being displayed all at once, they have to click About to see the sub-pages underneath it.

Thanks for your help!

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.one_half iframe { width:100% !important;}

Regards,
Chris

[Lori Schroeder]

Thanks, that fixed the home page but the other pages still do not display correctly.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.site-main { width:100%;}
}

Regards,
Chris

[Lori Schroeder]

That did not work. The header, footer and side widgets still take up less than half the screen. See https://imgur.com/a/mJcF8PK

Thank you.

[Sonnal S Sinha]

This CSS should work:

@media screen and (max-width:767px) { .site-main {width:100%;} }

Regards,
Shri

[Lori Schroeder]

That is the same code I was given yesterday, and it does not work.

[Sonnal S Sinha]

Try this:

.site-main {width:100% !important;}

Regards,
Shri

[Lori Schroeder]

That worked. Thank you very much!

[Lori Schroeder]

Actually, that doesn’t help me because when I put that in, all of the widgets that used to be on the side of the pages now go to the bottom, below all the content.

[Sonnal S Sinha]

This should help:

please remove all this “site-main” of CSS and Add new CSS

@media screen and (max-width: 767px){
  .site-main{width:100% !important;}
}

Regards,
Shri

[Lori Schroeder]

Thanks, it’s working now. I had a second question in the original post:

Also, is there a way to make the navigational menu more like an accordian. Instead of everything being displayed all at once, they have to click About to see the sub-pages underneath it.

Thanks for your help!

[Sonnal S Sinha]

Will have the change the whole menu code for this can’t be done via CSS.

Regards,
Shri

[Author]

Posts