DIVI Header Style #7 make 2 Blurbs and Buttons wider

Hi DIVI Header Support-
How do I make the DIVI Header Style #7 the 2 blurbs and button wider in each column and I want the button to go to the edge of the menu system so it is right justified with it. I also need to make the width of the 2 blurbs wider and I would also like to tighten up the header slightly maybe reduce some of the padding above the menu a bit or maybe it is the height of the background image height.

Let me know.

Thanks, Lauren B.

 

Hi DIVI Header Support-
I made all the adjustments however I am still unable to move the Button in the header to the edge of the right of the primary menu system even though I have the button set to align right and I made the Section and Row Width and Max Widths set to 100% so not sure what is keeping this extra space in the header to the right of the button. I would also like to made the 2 Blurb modules where the Call now and address are in the header wider but was also unsuccessful. Please review on a desktop and not mobile or tablet I'll adjust those views later. I would like this header - https://z29.260.myftpupload.com/ to look like this header https://restcoroofing.com/ where there is no space to the of the button and the edge of the button is aligned to edge of primary menu. I am not sure what is dictating this spacing so please let me know. I have also attached a SS.

 

Also why am I not able to change the secondary drop down menu color with this custom CSS? How do I change the secondary background color?

#page-container .free-du-plugin-header nav li li a:hover {

background-color: #
001d99!important;

opacity: 1;

color: #fff!important;

 

Thank you for that info. How do I now make the grey background in the submenu of the dropdown slightly opac or change the opacity level to say 60% so its slightly see through and how do I make the text in the submenu URL links back? Send me custom coding for that. Thank you.

 

Also How do I make the 2 Blurbs in the header Style #7 so they are wider the text is cut off and going to too many lines and I also want to force the button to one line not 2. I tried to add a left padding so frustrated with this 2 blurb and 1 button module in the header what I want is the button to align to the right so edge of the right side of button aligns with primary menu, button is on one line and the 2 blurb modules in front of it are wider and get closer to the logo or just right justified with button but blurbs are wider driving me nuts I have about 8 hours into it. HELP! https://z29.260.myftpupload.com/

 

Thank you I am unable to make the Submenu dropdowns at 60% opacity with the RGBA values above I don't think it fits in with the custom CSS I have for this. This is what I am currently using for the submenu dropdown menus so if you can fit into this code properly so it works let me know:

#page-container .free-du-plugin-header nav ul ul {
background: #cccccc!important;
}

 

Also how do I add some spacing (padding or margin to the right) of the 1st Blurb. I added 30 px to each and it never accomplished what I wanted. I just want to have a little spacing between 1 and 2 blurbs. Let me know. Thanks! https://z29.260.myftpupload.com/

 

Thank you that worked on increasing the Row gutter to 2 from 1. One last question and I can't figure out why but why is the 1st Blurb Module Title text not bold when I have it also Bold like Blurb #2? I have bold set to both title and body on both but the Title in Blurb #1 is not bold and hard to read. How do I get the bold to work? https://z29.260.myftpupload.com/

 

Ok thanks still trying to get Blurb 1 a little further away or more margin in between set the margin to 50 px and its not moving strange if I do padding then text jumps to too many lines and I set Row settings to 2 gutter width but if go to 3 then text jumps to too many lines. Now sure how to make just say 40 px margin between blurb 1 and 2.