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].
Hi there!
I’m using the vantage theme premium.
On this moment I’m changing the Header, but there’s one problem.
When I putt widgets in the Header, I can’t get the logo and social pictures and tel.number next to each other.
The are shown under each other.
In the mobile version, this is perfect.
But on the desktop version it’s awful.
I’ve tried to put in the next command:
element.style {
margin-top: -95px;
Now it look fine on the desktop version, but the signs are mixed on the mobile version.
What can I do to get this done on all desktops, mobile, etc.?
Here is the print screen to show you what I mean.
Thanks for the help!
Hi Enjoy Ballonvaarten,
As you’re a Vantage Premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on this page. Please reference this thread.
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@media (max-width: 605px){ #sow-image-3 .sow-image-container, #wpcom_social_media_icons_widget-2, #black-studio-tinymce-3 h3 { float: none !important; text-align: center !important; } } @media (min-width: 606px){ #sow-image-3 { float: left !important; } #wpcom_social_media_icons_widget-2, #black-studio-tinymce-3 { float: right !important; } }You will have to reorder the social and text widgets to ensure they’re in the correct order.
You might also need to install the SiteOrigin CSS Editor.