Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I created 2 columns of text with a logo in page builder for the about us page using vantage premium. all looks good on desktop, but for mobile, the second column has too much vertical white space. Also, I would like to center or move the logo over only on mobile also.
Can you assist?
www.mostmanagement.com/wordpress/aboutus
Hi Eric
Please, could you confirm the URL (www.mostmanagement.com/wordpress/aboutus). We’ll investigate further once we can take a look at the problem.
Thanks
sorry, I didn’t notice that the url is actually different than what it should be..
Here is the correct URL:
http://www.mostmanagement.com/wordpress/news/
Nope, that’s my mistake, working a little too quickly. Apologies :)
The challenge is the columns you’ve used for spacing. Those columns stack at your mobile collapse point. What we ideally need to do is replace the spacing columns with a max-width CSS declaration.
If we can take a quick look we’ll advise the best way forward. Thanks :) Instructions below.
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
This is a private message.
ok, all set up
password:
Private Snippet
Awesome, thanks. Could you send the password for the initial password form?
try this for the initial password form. you may have to enter twice.
user: mostmanageadmin pass: -dj1OVbj1KGKlR
Thanks. The challenge is the same as the about page. It isn’t viable to use an empty column on the left to create space for desktop because this column will stack for mobile, causing a gap. We need to use a smarter method.
Here is something you can try at Appearance > Custom CSS:
/* General */ .entry-content { margin-left: 50px; }It’ll work nicely right now on the About page. For it to look good on other pages you’ll need to remove the empty column first.
thank you…. I am unclear what you mean by I will need to “remove the empty column first” for the other pages
Can you assist?
Sure. You’ve used a blank/empty column on one or perhaps many of your pages. You’ve used this to create a gap on the left of your content. The CSS rule above will add in the gap so you need to remove the column on any pages that have it.