Mobile Layout problems - by Nicola Williams Blackwell

This topic has 4 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

  • Avatar: Nicola_Williams_Blackwell
    Nicola Williams Blackwell
    Participant
    February 17, 2021 at 18:05

    Slider text is not fitting on mobile. When I edit the mobile view it also edits the other views, so it’s either right on one but not the other.

    Also, on mobile, contact us form and submit button run over the right side of the screen. It is not responsive to mobile screen width.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Muhammad Zaki
    Muhammad Zaki
    Support staff
    February 17, 2021 at 22:10

    Hello!

    Thanks for getting in touch with us. My name is Muhammad and I will be your support rep.

    I have fixed the slider text issue on the mobiles. I have edited the slider in mobile mode and decreased the slider title font size from the style settings, please see here: https://share.getcloudapp.com/wbu9b7Op

    The issue with the form is appearing because of the below code in your additional CSS section. Do you want me to make it for large screens specifically because doing so will fix the issue?

    input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
    	width: 555px;
    }
    input, button, select, textarea {
    	width: 555px;
    }

    Thank you!

    Avatar: Nicola_Williams_Blackwell
    Nicola Williams Blackwell
    Participant
    February 17, 2021 at 22:15

    Yes please that would be great!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 18, 2021 at 18:26

    Hello,

    I added custom code to page custom CSS https://prnt.sc/1002axe

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.