Moosie2381

Thank you for responding. I have managed to figure it out on my own though.

Thank you again.

Will do! Thank you again!

No problem, I thought you’d either given up or forgotten!

The code you sent has worked fantastically. I just had to tweak the position of the menu bar to relocate it inside the header … just trial and error … but a good result as I think you’ll agree – https://www.signatureprojects.ca

I’m very happy! Thank you so much for sticking with me and my problem (again!)

Hi, please would you let me know if you are able to help further with the problem I have with my website header. If not, then I know that I need to re-post the question to see if anyone else can help as I do not know how to solve this problem. Thanks.

Thank you. I’ve copied & pasted your suggested style.css. To make it look a bit better than it did at first, I changed the value at your line 37 from -80 to -40 as follows;
.navbar-inner {
position: relative;
left: 0px;
top: -40px;
padding: 0;
}

The effect was to bring the menu down into the white space a bit but I still have a header that is too high. I’d like to reduce the height by about 10 mm if I could. Again, I’ve tried tweaking various things but can’t make any difference to the overall height of the header. Any other suggestions gratefully received. Thanks.

Hi, Can’t understand this. I’ve used the link today (Sunday) and I get the home page (complete with the header as it was after I used your code in the CSS on Friday). Please can you try again. Thanks.

Hi rdellconsulting, Thank you for getting in touch. You helped me once before with the header on my website which seems to be rather troublesome. I had to make some changes as I discovered that when the website was in responsive mode, the menu was off the screen of mobile devices. So I centred the menu to solve that problem and moved the extra widget to the top right but now the height of the header needs to be reduced.

I tried your code. Although it hasn’t solved the problem, I’ve left the website as it is so that you can see the effect – https://www.signatureprojects.ca

I am wondering whether some of the other codes in the CSS file are part of the problem. Having said that, I’ve played around with the codes and can’t make any improvements. Here is the whole content of my CSS file for your info (including the code you sent yesterday). I’d appreciate any further suggestions you can make. Thank you.

.tc-no-sticky-header .tc-header {
max-height: 130px;
}
.carousel-inner {
position: relative;
top: -40px;
}
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display: inline;
color: black;
font-family: Arial;
font-size: 1em;
padding: 25px;
}
.site-logo > img {
margin-left: -560px;
padding: 0px;
}
/* Change Featured Pages Heading */
.marketing h2 {
font-size: 2em;
font-weight: bold;
color: black;
}
.navbar-inner {
position: relative;
left: 0px;
top: -40px;
padding: 0;
}
.my-extra-widget {
position: relative;
top: -65px;
padding-right: 10px;
}
.tc-no-sticky-header .logo-centered .navbar-wrapper {
margin-top: -100px;
}
.navbar.resp {
margin-bottom: -60px;
}

Thank you for replying mbrsolution. I liked AIO WP Security & Firewall once I got my head around how to use it. I found the ‘Security Meter’ to be a helpful visual aid as I activated various settings and saw my score increase. I don’t know what went wrong and my web hosting company have not been very helpful. All in all, I have lost confidence in my ability to get AIO WP Security & Firewall set up and in my web host’s willingness to help me if I get stuck.

I decided today to get iThemes Security plugin a try instead. I don’t know whether it’s as good but so far, I haven’t managed to get myself locked out! What bothers me though is that my .htaccess file now has the AOI WP Security & Firewall information in it as well as the iThemes Security information too (even though the plugin has been deleted). Should I delete the AOI WP Security & Firewall entries from my .htaccess file? Will this do any damage to anything else? I’d appreciate your further input. Thank you.

Thank you rdellconsulting. Update completed! Everything looks to be OK.

Ah, you’re right! Yes, it is a bit confusing! It was an update to WordPress 4.3 that I had seen and I’ve updated WordPress now with no problems.

I am also seeing an update to Customizr to version 3.4.6, Should I update Customizr as well? What is the benefit of doing so if I am using a child theme? If using a child theme protects my website from changes that might occur on updating, is there any benefit to be gained by updating?

Thank you for your help.

Just to say that I’ve never been able to resolve this issue and I’ve never had a reply from Twitter so I still do not have the ability to put my Twitter Feed on my website. I’ve tried to add a friend’s mobile # to my Twitter account but was unable to get the mobile # verified as I think that Twitter did not recognise the mobile network.

If anyone has any ideas to help me move forward then I’d like to hear about them!

Thank you Team Vivacity. I was working through the 8 easy steps and thought I was doing fine until I got a message from Twitter to say that I could not proceed unless I added a mobile ‘phone number to my Twitter account. I was directed to this link https://support.twitter.com/articles/110250-adding-your-mobile-number-to-your-account-via-web%20for%20more%20information
The problem is that I don’t have a mobile ‘phone!
I’ve sent a message describing my problem to https://support.twitter.com/forms/platform but it looks as if it might take days before anyone replies.
If you have any ideas on how I can overcome this then please let me know. Thanks.

Thank you so much!! I don’t pretend that I understand how you’ve done it with the coding (wish I did!) but see the result https://signatureprojects.ca
For your info., I made some some minor adjustments as follows:.
navbar-inner {
position: relative;
left: -125px;
top: -10px;
padding: 0;
}
.my-extra-widget {
position: relative;
top: -35px;
padding-right: 10px;
}
.tc-no-sticky-header .logo-centered .navbar-wrapper {
margin-top: -60px;
}
.navbar.resp {
margin-bottom: -40px;
}

I’ve just tried adjusting the header height but that moved the grey line to half way up the white space and made no difference to the height of the white space itself.
So I need to somehow change either the height of the white space or the position of the widget that has had the effect of increasing the white space.

This is what is in my functions.php in relation to the position of the widget:

// Place the widget area before the navbar
add_action (‘__before_navbar’, ‘add_my_widget_area’, 10);
function add_my_widget_area() {
if (function_exists(‘dynamic_sidebar’)) {
dynamic_sidebar(‘Extra Header Widget Area’);
}
}

Hi, I’ve played around with the following codes which has had the effect of moving the navbar up and then I’ve moved the widget up too so that both are aligned BUT I still have this big deep header that I don’t want. The second part of the code you sent (/*White space*/) didn’t seem to make any change at all. Thank you for staying with me on this one. Any other ideas?

.navbar-inner {
position: relative;
left: -125px;
top: -20px;
padding: 0;
}
.my-extra-widget {
position: relative;
top: 15px;
padding-right: 10px;
}