[Theme: Tempura]: Mobile vs Desktop Responsiveness

  • Our website: https://healutah.org is having difficulty with responsiveness between the mobile site and the desktop site. Particularly when the sight (specifically one of the menu pages) is viewed on a mobile device, held vertically, the spacing is messed up. It makes the page unreadable. However, when held horizontally, the column spaces resume their responsiveness.

    We have Tempura for the template and I’ve made sure the “responsiveness” box is clicked.

    Any suggestions will greatly help.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi schmi1le,

    Inside your theme stylesheet there’s a line like this:
    width: calc(100% - 250px);
    Just delete that line and it’s going to be “better”

    I would see it inside a media query, maybe the theme developer forgot to do it.

    Thread Starter schmi1le

    (@schmi1le)

    Luiz – Thank you for the feedback. Unfortunately, I am relatively new to operating a website and searched in the stylesheet for anything resembling “width: calc(100% – 250px)”
    Nothing came up.
    Any more suggestions?

    look for the following code

    #container.two-columns-right #content {
    float: left;
    width: calc(100% - 250px);
}

    If you don’t find it inside your stylesheet, maybe it’s inside the index.php file

    Thread Starter schmi1le

    (@schmi1le)

    ?? Searched both the stylesheet and the index and all others. That code is not in there.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: Tempura]: Mobile vs Desktop Responsiveness’ is closed to new replies.