- This topic has 5 replies, 2 voices, and was last updated 7 years, 10 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Education Hub Pro › Hiding fields on Mobile
Hi,
I want to hide on Mobile various fields such as the search button, social menu, etc, and also centre align the phone number, email address for our site, and make the logo bigger on mobile. Is there some way i can do this please?
Many thanks,
Tom.
Hello,
Please provide us your website URL also explaining in detail about your requirements in the mobile screen so that we could inspect your website and provide some Custom CSS for the fulfillment of your requests.
Best Regards !!
Sorry, the changes I want are:
I want to hide on Mobile
1. the search button.
2. the social menu.
also, to centre align the phone number, email address, and LOGIN text
and make the logo bigger on mobile.
Many thanks,
Tom
Hello @tommybarber,
To make your header contents as per your requests in responsive view paste in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field :
@media (max-width:767px) {
.header-social-wrapper, .search-section { display: none; }
.custom-logo-link{
max-width:inherit;
width:65%;
}
#quick-contact li{
display:block;
border-left:none;
}
.top-news-title {
display: inline-block;
margin-right: 10px;
float: none;
}
.top-news > p{
display: inline-block;
}
}
Hope this helps,
Best Regards !!
Awesome, thanks for that .. really appreciated! 😉
Tom.
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. |