Menu above built with this plugin including Mega Menu.

Excessive Bottom Padding in Container Header with Image

This topic contains 5 replies, has 2 voices, and was last updated by  Peter Featherstone 3 weeks, 2 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #50791 Reply

    Hal Seltzer
    Participant

    I am using a Container Header Image. No Text added. Image file is 200px x 133px, and its Height & Width settings are 66%

    However, there is excessive padding or wasted space below the image and above the first menu item text. How can I reduce this?

    http://www.oriondesigns.ca

    Thanks!

    #50820 Reply

    Hey Hal,

    You can remove the bottom padding with the below Custom CSS:

    #responsive-menu-pro-container #responsive-menu-pro-title {
       padding-bottom: 0;
    }

    I hope that helps

    Peter

    #50834 Reply

    Hal Seltzer
    Participant

    Hello,

    The custom CSS works perfectly, Thanks!

    Questions…

    I placed the CSS in the Custom CSS box in the Advanced tab in the Responsive Menu plugin. How does this work or is it the same as placing the code in the WP Custom CSS editor/location?

    Second, as I am still learning CSS and/or it’s use in WP, does the above’s code “#responsive-menu-pro-container #responsive-menu-pro-title” represent a Parent / Child location/attribute or is referencing two separate locations/attributes?

    Thanks!

    #50837 Reply

    Hey there,

    It’s the same as placing CSS in any other CSS file, it’s just there for convenience and portability is all.

    The code is referencing a parent child relationship. Separate selectors are separated with commas.

    I hope that helps

    Peter

    #50838 Reply

    Hal Seltzer
    Participant

    Thanks!

    I’ve bookmarked some sites to do some evening learin’s on CSS like Selectors, grouping, nesting etc. to brink my skill level up a notch.

    #50849 Reply

    Hey there,

    Excellent! I wish you well on your journey and if I can be of any help please let me know!

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)
Reply To: Excessive Bottom Padding in Container Header with Image
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed