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.
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 :)
Thanks Andrew, but where do I find and fix the code on the website?
Thanks,
R.W.
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
.wrapperis contained in a stylesheet calledinner-styles.csswhich 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.Ok, Thanks Andrew.
For sure :) Thanks for your understanding.