dunks80

Thanks Menaka. All fixed!

There was nothing in the text fields. The code worked to get rid of it though.

Thanks for your prompt help again!

Hi Guys,

sorry for the delayed response. I haven’t had a spare block of time to play around with the website until today.

The checkbox has always been ticked. I’ve set up my contact page with the widgets on the right, but it’s still having the same issue.

Any more suggestions?

Hi, thanks for your suggestion.

I’ve tried switching the widgets from the left to the right, but can’t find the check box ‘reorder on small devices’. Where is this located?

Also the problem is not just limited to the newsletter sign-up form on the left side. I have contact 7 forms on other pages that I’ve just realized are having similar issues, eg:
https://www.leafrootfruit.com.au/competitions-giveaways/zucchini-tromboncino-competition/

Thanks again for your help

Perfect!!!!

Thanks very much for your help again.

Thanks. That has fixed the light box issue, but the logo now dominates the page and the slider has gone.

Wee hoo! Thanks so much.

Currently the menu button is left of screen, but when you click it and bring the drop-down menu, the menu links are all aligned to the right.

I want to align the menu links to the left, under the button.

The desktop is back to normal, but the mobile menu remains unchanged. There must be something preventing the mobile menu from changing?

Thanks, but its moved the desktop menu left and squished it up. The mobile menu has not changed (I’ve left it ‘as is’ for you to see)

Hi Primasilva, I’m trying to do the same thing. How did you actually do this?

I ended up just removing the borders around the menu items. Thank you so much for your help with getting the header sorted, I’m very happy with it now!

Aha, Awesome! That’s making things happen now. Thanks guys.

I don’t know if I’m breaking some css coding rule, but I used the following code for the navbar:

.navbar {
position: relative;
top: -160px;
left: 0%;}

Is there anything wrong with using a negative value?

There is a gap between the menu and the grey bar when I view it on an ipad landscape during responsive design testing. Is that an @media thing I need to play with, or is it a result of the negative top value?

Thank you so much for you help and patience.

I think I understand what you’re suggesting, but I’m going around in circles. I’ve tried adding in all manner of selectors into the code you’ve supplied and nothing seems to make a difference. Do I need to change the values also? I’m still struggling to identify when to use certain selectors (eg .inside .site-description vs h2.site-description vs .navbar-wrapper .navbar h2) and generally resort to trial and error until I get the right one.

I even tried playing around with negative margins for the various elements, but that played havoc with the responsiveness!

@media coding seems to have worked fine. Thanks for the tip.

ok, I’m nearly there (I think)! However, in all my coding, the whole header section now seems very spaced out vertically. I’d like to squish it all back together so that the tagline and the menu are on the same row and to remove a lot of the white void.

Also, the little borders around the individual menu tabs now show up on mobile devices. I’d prefer them not to appear on smaller devices and only have them on larger screens.