Different appearance in the mobile version

This support request was posted in Paeon by jasp

Request ID #36715 In Progress
  • Hi again Nicethemes team!

    I have noticed that my website looks different in the mobile version and there are some elements that disappear on home, for example the main phone number, or some widgets like the appointment form. Is there any way we can work this out?

    Thanks in advance!

    Best regards.

    Raúl.

    Juanfra Aldasoro

    Hi Raul,

    I hope you are having a good day.

    Yes, that’s called responsive design, and it means that the layout adapts to the different devices in which the site is viewed. We have decided to hide some parts of the home page because of a design decision, but you can re-add the “Call now” section with this code (going to Appearance > Customize > Additional CSS):

    @media screen and (max-width: 1024px) {
    	.page-head .main-title .title-desc,
    	.page-head .main-title .right {
    		display: initial !important;
    	}
    }
    
    @media screen and (max-width: 685px) {
    	.page-head .main-title .title-desc,
    	.page-head .main-title .right {
    		display: initial !important;
    	}
            #wrapper .home-social .main-title .right {
    		display: block !important;
    	}
    }
    

    With regards to the home appointments section, this is the code you have to add:

    @media screen and (max-width: 1024px) {
        #sidebar.home-sidebar {
           display: block;
        }
    }
    

    Best,
    Juan.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server