Website Not Responsive / Showing in Mobile View

Hi,

How can I get my website (www.naohoa.com) to look like your Unite demo when viewed on mobile, please? The website not being responsive is causing problems with prospective customers.

Also, how can I disable the headings in Carousel? When I first used this theme, it was possible to not have wording involved but now, an ugly “Untitled” pops up if left blank.

Thanks and I look forward to your response.

Kind regards,
Naomi

Hi,

Please find attached a screenshot from my S6.

As you can see, it is not responsive. When resizing the window on my laptop it changes format but not on my (or any one else’s) phone.

You can also see that the Social media buttons in the header are squished. This applies to both the Desktop and Mobile versions.

Kind regards,
Naomi

Hi @Naomi,

I hope you are well today and thank you for your questions.

How can I get my website (www.naohoa.com) to look like your Unite demo when viewed on mobile, please? The website not being responsive is causing problems with prospective customers.

It seems you are using Jetpack plugin on your site so please make sure you are not using its Mobile Theme functionality https://jetpack.com/support/mobile-theme/

Also, how can I disable the headings in Carousel? When I first used this theme, it was possible to not have wording involved but now, an ugly “Untitled” pops up if left blank.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS

.carousel-inner .carousel-caption h4 {
    display: none;
}

As you can see, it is not responsive. When resizing the window on my laptop it changes format but not on my (or any one else’s) phone.

I saw your first attached screenshot but don’t see anything wrong with it so could you please tell me what is wrong with it?

You can also see that the Social media buttons in the header are squished. This applies to both the Desktop and Mobile versions.

I have tested it on my test site and it’s working fine for me using latest version of Unite theme.

This can be due to plugin conflict on your site.

You can try adding some margin between them by using below CSS code as described above.



#masthead #social a {
    margin-left: 15px;
}

Best Regards,
Movin

Hi Movin,

Thank you for your response. :slight_smile:

The Jetpack plugin is to have the same Mosaic Gallery shown in your demo and the Mobile Theme has been deactivated for a year. Please find attached notes on the screenshots I sent last time.

I’ve found an option to ‘Hide’ captions on the Carousel, so I’ll do that. Some captions would be nice but there seems to be a new glitch where some of the text is all purple instead of white. This is too much of a bother for me and ruins the aesthetics, so I’ll be updating the images tonight and disabling captions completely.

Social Media buttons are spread out more now thanks to your code, though smaller than before the upgrade.
Is it possible to add them via HTML text widget in the footer (left-aligned, without disrupting the text on the right) ?

I appreciate you responding to more issues than the one in the header and look forward to your response.

Kind regards
Naomi

Please find attached notes on the screenshots I sent last time.

I visited your shared site on mobile browser and it is displaying responsive as shown in the attached screenshot.

On what browser screen size are you testing it?

You can also user this tool https://www.responsinator.com/ to test it.

You said in your screenshot comment that the widgets are not responsive but just display squished. No this is not the case by default the three widgets are displayed in a row but if the screen size is smaller then two widgets are displayed as shown in your shared screenshot and of the
screen size is much smaller then only one widget is displayed in a row as shown in my shared screenshot.

Social Media buttons are spread out more now thanks to your code, though smaller than before the upgrade.

Use the below CSS code to make them bigger.

#masthead #social a {
    font-size: 20px;
}

Is it possible to add them via HTML text widget in the footer (left-aligned, without disrupting the text on the right) ?

You have to develop custom code in your Unite child theme by overwriting footer.php file to achieve this.