Call Now Doesn't SHow On Mobile

This support request was posted in Paeon by IMCQuickCare

Request ID #34453 Resolved
  • Hi I have a couple of questions.

    I got the demo content to start showing on the site, but the header does not act like the header in the demo, meaning that it is only viisible on 25% of the page whereas in the demo you can move up and it makes up 75% of the page. Not to mention, in the demo you can add text and a button that says “read more” in the header, which is what I want to do.

    Also, I have set up an link for my phone number, but this isn’t appearing on mobile, only on a desktop. I noticed this happens on the demo site as well.

    Update: I got the image to work in slider, but I tried to do a maxbutton in the title but that pulls the code. Would HTML work here?

    Juanfra Aldasoro

    Hi,

    Thank you for writing. I hope you are doing well.

    The part of the site you are referring to is named the “Slider”. The slider is formed by a set of slides that can be edited by visiting your admin dashboard and clicking on “Slides”. Like creating or editing pages or posts, the interface to create or edit slides is really intuitive.

    The title will be the slide title. The “Slide Description” will be the content below the title. The URL will be the URL the button will be linking to, and the “Anchor Text for the URL” will be the text on the button. Please check that each field has a description right below.

    With regards to the “Call now” section, yes, it is hidden because of design decisions. You can override those CSS rules by adding the following CSS (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;
    	}
    }
    
    

    Best,
    Juan.

    This worked! Thanks Juan I appreciate your help.

    No problem.

    My pleasure! 🙂

    Have a nice day,
    Juan.

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

This topic is marked as resolved

Only the topic author can re-open this thread.

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