Home Forums Pro Themes Education Hub Pro Hiding fields on Mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #24792
    tommybarber
    Participant

    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.

    #24793
    wensolutions
    Keymaster

    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 !!

    #24801
    tommybarber
    Participant

    Great, thanks 🙂

    Its at https://contemporarycollege.com/

    Regards,

    Tom.

    #24802
    tommybarber
    Participant

    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

    #24804
    wensolutions
    Keymaster

    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 !!

    #24811
    tommybarber
    Participant

    Awesome, thanks for that .. really appreciated! 😉
    Tom.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.