[cuddapah]

Using Adonis Pro (child theme). How do I remove blank space between menu and featured image slider? Appreciate any help. Thanks!

[Skandha]

@cuddapah: Please post in your site URL so that I can look into the issue.

Kind Regards,
Skandha

[cuddapah]

Here is the link : http://104.254.244.180
As you can see, menu is hanging above featured slider. I am trying to make it look like this https://catchthemes.com/themes/adonis/ where menu overlays on the image. I am using images for slider because we want to show different images on this page.

[Skandha]

@cuddapah: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.section {
	bottom:92px;
}
#site-header-menu {
	position:relative;
	z-index:100;
}

Let me know if this works out!
Kind Regards,
Skandha

[cuddapah]

Thanks Skandha! Added CSS. Noticed 3 issues.
1. When the page is refreshed or reloaded, menu disappears for the first slide and shows up from second slide and stays. Why is it disappearing when the page is reloaded/refreshed.
2. menu is flickering between slides.
3. CSS is in effect for the home page only and not for other pages. Can this be changed globally?

[Skandha]

@cuddapah: Please change the value of z-index from 100 to 101 in the previous CSS Code. I think this will solve your issue number 1 and 2.
The CSS is in effect only for the homepage because you have activated featured slider only on the homepage.

Let me know if this helps you out!
Kind Regards,
Skandha

[cuddapah]

Thanks Skandha! That did fix issues 1 and 2 for Desktop. But on mobile, the letters ‘MENU’ and slider got messed up. Is it possible to lower the slider for mobile version only?
And yes, don’t want slider for the remaining pages. But still want the same menu overlay effect for other pages. How to get the same effect?

[cuddapah]

Another major issue is … on Mac, menu and slider image blend in fine. But on Windows, they are not blending and visitors can see black band menu bar. It is clearly visible with the 3rd slide which is solid blue.

[Skandha]

@cuddapah: To lower the slider on mobile version
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (max-width:412px) {
	#feature-slider-section {
		padding-top:50px;
	}
}

Can you send me a screenshot of how it is showing up in MAC?

Let me know if this helps you out!
Kind Regards,
Skandha

[cuddapah]

Thanks Skandha!
Here is link to how it looks like on mobile:
1. Black band on the top: http://104.254.244.180/wp-content/uploads/2018/08/IMG_7334.png
2. Black band on the top for another page http://104.254.244.180/wp-admin/upload.php?item=374

On Desktop or mobile, how to get rid of black band on top for other pages? We still want the menu background to blend with page without white line between menu and page. We don’t want to use feature slider on other pages. Please see this page: http://104.254.244.180/reviews/

[Skandha]

@cuddapah: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To remove top black space */
@media screen and (max-width:413px) {
	.slider-image-wrapper {
		position:relative;
		bottom:24px;
	}
}
/* To remove line between menu and page */
.site-header {
	border:none;
}

Let me know if this solves the issue.
Kind Regards,
Skandha

[cuddapah]

Thanks Skandha. It is ok. How do I remove the white line on other pages ? Please see this page http://104.254.244.180/reviews/

[Skandha]

@cuddapah: Go to => Appearance => Customize => Additinoal CSS and add the following CSS Code.

.site-header {
	border-bottom:none !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[cuddapah]

Thanks Skandha! That worked. Is it possible to move the menu on the top to center (entire menu, not menu text) ?

[Skandha]

@cuddapah: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.navigation-classic .site-header-menu, #primary-menu-wrapper {
	float:none !important;
}
.navigation-classic #primary-menu-wrapper .menu-inside-wrapper {
	float:none;
	text-align:center;
}

Let me know if this works out!
Kind Regards,
Skandha

[cuddapah]

That worked great! Thanks Skandha!!!

[Skandha]

@cuddapah: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adonis/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts