Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #151101
    cuddapah
    Participant

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

    #151130
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #151132
    cuddapah
    Participant

    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.

    #151133
    Skandha
    Participant

    @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

    #151135
    cuddapah
    Participant

    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?

    #151139
    Skandha
    Participant

    @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

    #151150
    cuddapah
    Participant

    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?

    #151167
    cuddapah
    Participant

    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.

    #151203
    Skandha
    Participant

    @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

    #151315
    cuddapah
    Participant

    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/

    #151393
    Skandha
    Participant

    @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

    #151584
    cuddapah
    Participant

    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/

    #151619
    Skandha
    Participant

    @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

    #151841
    cuddapah
    Participant

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

    #151893
    Skandha
    Participant

    @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

    #152030
    cuddapah
    Participant

    That worked great! Thanks Skandha!!!

    #152129
    Skandha
    Participant

    @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

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Adonis Pro Theme – remove blank space between menu and slider’ is closed to new replies.