Banquet theme – Section 2, 3 & 4/nav dropdown issue

[dd]

Hi,
I followed the documentation for the Homepage sections and the second section’s (Home Section 3) overlay will not overlay to the right as in the demo.

Website: http://www.srcparty.com/srcwp/

Here’s the coding I used for the three sections:

Home section 2:
[columns size=”2″ bgcolor=”rgba(255, 255, 255, 0.90)” padding=”140px 30px 140px 30px”]
[titlearea align=”center” title=”Sierra Rental Company” titlelast=”” subtitle=”Our Goal is to get you the rental pieces you need when you need them! Using our rental reservation cart allows you to request the items you’d like to rent. We will verify availability and get back to you!” titlecolor=”#010203″ titlelastcolor=”” border=”true”]
[readmore align=”center” icon=”” button=”What We Rent” links=”http://www.srcparty.com/srcwp/rentals/” margintop=”6%” target=”_parent” color=”#ffffff” bgcolor=”#703642″]
[/columns]
[columns size=”2″] [/columns]
[clear]

Home Section 3:(This is the area that the overlay should float to the right…but it doesn’t)
[row_area]
[columns size=”2″] [/columns]
[columns size=”2″ bgcolor=”rgba(255, 255, 255, 0.90)” padding=”170px 30px 170px 30px”]
[titlearea align=”center” title=”Select • Reserve • Choices” titlelast=”” subtitle=”Tables, chairs, different place settings, glassware, cutlery – everything you need to set your event’s table. Plus we have serving pieces, yard games, wine barrels, and all sorts of other rentals that will make your event one of a kind!” titlecolor=”#010203″ titlelastcolor=”” border=”true”]
[readmore align=”center” icon=”” button=”What Can You Rent?” links=”#” margintop=”6%” target=”_parent” color=”#ffffff” bgcolor=”#703624″]
[/columns]
[clear]
[/row_area]

Home Section 4:
[row_area]
[columns size=”2″ bgcolor=”rgba(255, 255, 255, 0.90)” padding=”170px 30px 170px 30px”]
[titlearea align=”center” title=”Simple • Rustic • Classic” titlelast=”” subtitle=”Mix, match, decide your style. Let SRC help you create the event you want with the rentals you will need. ” titlecolor=”#010203″ titlelastcolor=”” border=”true”]
[readmore align=”center” icon=”” button=”Read More” links=”#” margintop=”6%” target=”_parent” color=”#ffffff” bgcolor=”#703642″]
[/columns]
[columns size=”2″] [/columns]
[clear]
[/row_area]

Second Issue:
In the drop down menu under Rentals, I have the background set to 100% opaque but it is only opaque halfway down and the background breaks into the dropdown navigation. I tried resetting the z-index but that didn’t work either. Any suggestions how I can make sure the background stay on top and opaque?

I appreciate any and all assistance.
Thanks,
Diane

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { top:80px;}

Kindly use this shortcodes:

Home section 2:
[columns size="2" bgcolor="rgba(255, 255, 255, 0.90)" padding="140px 30px 140px 30px"]
[titlearea align="center" title="Sierra Rental Company" titlelast="" subtitle="Our Goal is to get you the rental pieces you need when you need them! Using our rental reservation cart allows you to request the items you’d like to rent. We will verify availability and get back to you!" titlecolor="#010203″ titlelastcolor="" border="true"]
[readmore align="center" icon="" button="What We Rent" links="http://www.srcparty.com/srcwp/rentals/" margintop="6%" target="_parent" color="#ffffff" bgcolor="#703642"]
[/columns]
[columns size="2"] [/columns]
[clear]

Home Section 3:(This is the area that the overlay should float to the right…but it doesn’t)
[row_area]
[columns size="2"] [/columns]
[columns size="2" bgcolor="rgba(255, 255, 255, 0.90)" padding="170px 30px 170px 30px"]
[titlearea align="center" title="Select • Reserve • Choices" titlelast="" subtitle="Tables, chairs, different place settings, glassware, cutlery – everything you need to set your event’s table. Plus we have serving pieces, yard games, wine barrels, and all sorts of other rentals that will make your event one of a kind!" titlecolor="#010203″ titlelastcolor="" border="true"]
[readmore align="center" icon="" button="What Can You Rent?" links="#" margintop="6%" target="_parent" color="#ffffff" bgcolor="#703624"]
[/columns]
[clear]
[/row_area]

Home Section 4:
[row_area]
[columns size="2" bgcolor="rgba(255, 255, 255, 0.90)" padding="170px 30px 170px 30px"]
[titlearea align="center" title="Simple • Rustic • Classic" titlelast="" subtitle="Mix, match, decide your style. Let SRC help you create the event you want with the rentals you will need. " titlecolor="#010203" titlelastcolor="" border="true"]
[readmore align="center" icon="" button="Read More" links="#" margintop="6%" target="_parent" color="#ffffff" bgcolor="#703642"]
[/columns]
[columns size="2"] [/columns]
[clear]
[/row_area]

Regards,
Dave

[dd]

Hi Dave, the short code changes worked perfect. Thanks.

I added the css but the dropdown still isn’t showing up correctly.

Diane

[Sonl Sinha]

Hi,

Okay, Kindly send us your URL of the site and WordPress admin details (Username & Password) via sktthemes.net/contact Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[Author]

Posts