Hi there,
I have just purchased Vantage Premium (and love the layout), but I do have a few issues:
1) Padding for the header/logo seems to be ignored when set at 0, I want it set at 0, if I do that it is ignored. I have it set at 0.1 which works, but there is still a small line. However on mobile devices, the padding is still ignored completely.
2) I was testing the responsive menu options, I disabled the responsive menu for testing something, however now I can’t turn it back on, it says it is on in the settings, but I’m still getting a full menu on the mobile device, how do I fix that? Setting text for the menu didn’t work either.
3) Mobile devices seem to have the social media buttons stacked, although the should be able to fit. I have Google Plus, and Facebook side by side, but Twitter is stacked under Facebook.
Thanks,
Matt
made a type in url, should be matthewhodder.com
ok, not sure if it was a cache problem, but after an hour or so issue 2 seems to have cleared itself, I have simply removed Google+ as an option to make the layout look a little better for issue 3 for the moment.
Issue 1 is still a problem.
Hi Matthew
Thanks for running Vantage.
1. There is unfortunately a bug here. To set padding to zero, try the following under Appearance > Custom CSS:
/* Vantage Header Padding */ header#masthead .hgroup { padding-top: 0; padding-bottom: 0; }2. Mobile menu is working on my side, thanks for the update on that.
3. Try the following under Appearance > Custom CSS to help the share buttons on mobile:
/* Vantage Social Buttons - Mobile */ @media (max-width: 680px) { article.post .share-buttons, article.page .share-buttons { padding: 10px 10px; } }HI there,
Thanks for the reply, the header fix worked on PC, but not on mobile, still a large gap?
The second code change for the social buttons hasn’t helped though, I have left it enabled to show you what I mean.
Regards,
Matt
Try the following under Appearance > Custom CSS to sort out the logo:
@media (max-width: 680px) { body.responsive header#masthead .hgroup .logo img { margin: 0 auto -30px; } }The social buttons are coming from a plugin, not the native Vantage ones, that’s where the confusion was.
Try the following, remove the old CSS for social icons:
/* Simple Social Icons */ div.ssb-button-fblike { width: 90px !important; } div.ssb-button-twitter { width: 90px !important; } div.ssb-button-googleplus { width: 90px !important; }No change at all :(
I think I know why the CSS didn’t work for the social buttons as well, the plugin Simple Social Buttons was activated. If I deactivate that however, I can’t get any social buttons to appear at all, even though I’m enabling them in the vantage settings?
you last post didn’t work either, but I think it is of my last post
actually, cancel all of the above, something must be up with my cache, as I refreshed again and its all working!
Thanks very much!
Super, glad that did the trick, all the best :)