- This topic has 3 replies, 2 voices, and was last updated 8 years, 5 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Education Hub Pro › Alighnment top and main header
Tagged: logo, quick links
In http://www.centrostudicassia.it i would like to:
Align logo and telephone to the left with a margin of 20px
Align quicklinks and header image to the right with a margin of 20px
Can it be done? The layout is the flexible one.
Also.. is there any code to use the fontawesome in other parts of the site?
Thanks!
Hello @iacovoni
Align logo and telephone to the left with a margin of 20px
Align quicklinks and header image to the right with a margin of 20px
The solution for above queries would be adding custom CSS.
But it is not guaranteed the given CSS would work perfectly, you might have added other custom CSS for your site’s customization.
However you might give it a try by adding following given CSS.
Go to Admin Panel / Appearance / Customize / Theme Options / Advanced Options and paste the following CSS.
@media screen and (min-width: 1300px) and (max-width: 1600px) {
.site-logo-link, .custom-logo-link, #quick-contact {
margin-left: -6%;
}
#masthead {
background-position: right;
margin-right: 2%;
}
.quick-links {
margin-right: -6%;
}
}
Also.. is there any code to use the fontawesome in other parts of the site?
About above question, your need is not quite clear could you please explain in much more detail.
Hope this will help you.
Let us know how it goes.
Regards!!!
Thank you very much but in the end i prefer to use the boxed layout. I have very little programming knowledge and the fluid is too complex to change.
Is there a way to put socials *always* on top-left and quick links *always* on top-right regardless of screen sizes?
Thanks
Hello @iacovoni
Is there a way to put socials *always* on top-left and quick links *always* on top-right regardless of screen sizes?
For the solution of you issue you need to ass custom CSS but the responsive view may be effected.
With the help of CSS only the above will be the possible solution, otherwise you might need to go through code customization for which you may need to hire a customizer.
The CSS is below:
.header-social-wrapper {
float: left;
}
Hope this will help you.
Regards!!!!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |