This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to I make the mobile view of my Website look better?

Open 5 replies pluginplugin-page-builderquestion
Raymond Whtibty
6 years ago · Last reply by Andrew Misplon 6 years ago

Hello,

So the website I am building (flipbargains.com) looks good on the desktop display, but it doesn’t look good on a mobile screen. The text is bunched up, some of it disappearing, and doesn’t look professional at all. Can you please help me on how the website looks on the mobile screen? Is there a way where I can edit the website in a mobile view, while not changing the view on the desktop?

Thanks,

R.W.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 6 years, 2 months ago

    Hi Raymond

    Thanks for reaching out.

    Please, locate the following rule:

    .wrapper {
    width: 1170px;
    margin: 0 auto;
}

    Using fixed width’s as seen in the rule above is the issue, at least on the home page. We work with limited resources, as a result, our free support scope is limited to basic usage and troubleshooting. Within our premium support scope, we have more freedom to assist with custom development and technical topics. Perhaps take a look at how other container widths are set in your theme? For example, see https://github.com/WordPress/twentysixteen/blob/master/style.css#L1533-L1537.

    I hope that helps :)

  2. Raymond Whtibty 6 years, 2 months ago

    Thanks Andrew, but where do I find and fix the code on the website?

    Thanks,
    R.W.

  3. Andrew Misplon Staff 6 years, 2 months ago

    Unfortunately, this is where I can’t really get too involved, it’s a question of theme development, not really SiteOrigin support. Any content put into the wrapper container would not be responsive, regardless of whether it was in Page Builder or not. It looks like you’re using a custom-developed theme. Ideally, the theme developer would help to resolve this issue. The rule .wrapper is contained in a stylesheet called inner-styles.css which is in /wp-content/themes/flipbargains/css/. You can access the stylesheet from AppearanceEditoror by using FTP or Hosting File Manager and downloading the file in question. Hopefully, this helps point you in the right direction. Within our premium support scope, we’re able to assist further with issues like this but in order to remain viable, our free support scope is limited to basic usage and troubleshooting.

  4. Raymond Whtibty 6 years, 2 months ago

    Ok, Thanks Andrew.

  5. Andrew Misplon Staff 6 years, 2 months ago

    For sure :) Thanks for your understanding.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread