[Resolved] Footer background color, Mobile site logo and title, Sticky header

Hi Srikanth

Thanks for posting. I’m glad I could quickly resolve the previous issues once I had access.

If you are able, please, move onto other work and allow me a day on this one. I, unfortunately, have a day away from the computer tomorrow but as soon as I’m back, will handle these challenges for you as quickly as I can. Hopefully, you are ok with the delay.

Chat then.

Hi Srikanth

Thanks for the wait.

1. The bottom bar is currently displaying your setting of #212121. No widgets are added to the footer so the footer widget area doesn’t display. The last row on the home page, that’s a Page Builder row, the row background color is set in that specific row’s settings: #303030. Edit the row by clicking the wrench icon far right.

2. Try the following:

/* Logo */
@media (max-width: 480px) {
	.site-header .site-branding h1.site-title a {
		font-size: 13px;
	}

	.resp .site-header .site-branding h2.site-description {
		font-size: 12px;
	}
}

Adjust as required.

3. Check if the mobile sticky setting is enabled: https://purothemes.com/documentation/ultra-theme/customizer/theme-settings/header/#heading-mobile-sticky-header.

4. Please, could you check Customize > Theme Design > Mobile Menu > Link Hover Background. Any change when adjusting that? Thanks 🙂

Hi Srikanth

Glad to hear you’re making progress.

2. We can introduce as many breakpoints as you’d like so if you want to optimize for the Customizer mobile view too, we can do that. There isn’t an optimal size I can recommend but we can introduce further controls if you want to do so.

3. Try switching back to the parent theme and see if there is any change. I can see the mobile sticky header is enabled based on the body classes but there are JS errors present in the console. Try the parent theme and test on mobile, let me know how it goes.