Too much space on my web page

  • 1
  • Question
  • Updated 8 years ago
  • Answered
For some reason, my page has a lot of space at the beginning of the page. Can someone please let me know what is causing this and how I can get rid of it? Click on the Test page tab on my web site.

www.mcran.com

Thanks!!!
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
  • confused

Posted 8 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Randy,

When opening your test page, I am not seeing too much space near the top. Here is what I am seeing - are you seeing any different?



Are you referring to the space between your page header "My Music" and the body of your page where you have added your custom drop down menu?

Looking forward to assisting you further, Randy!
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Hi Brianna!

If you click on the test page tab you will see a ton of space before the letter A.

I posted the wrong page. Let me republish and I will get back to you.
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
OK Click on the IT Snippets tab on my web site.

www.mcran.com
Photo of Justine

Justine

  • 751 Posts
  • 45 Reply Likes
Hi Randy,
This looks like it's something to do with the HTML on the page. I have referred this to our HTML team. They will investigate it and get back to you as soon as possible.
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Thanks Justine!!

This is driving me nuts! I have a feeling it is something in the code as well and am really looking forward to what is causing this and what my solutions are. Much appreciated!!!!
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Randy

I have looked at the code on your test page. If you add vertical-align:top; to the #topbar code, it removes the spacing. Your code should look like this:

#topbar{
position:absolute;
vertical-align: top;
border: 0px solid black;
padding: 2px;
background-color: red
width: 20px;
visibility: hidden;
z-index: 100;
}

Let us know if it works!

Nazlie
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Thanks Nazlie!!

I tried it but all I see is the code you provided at the top of the page. Am I doing something wrong? All I did was copy/paste to the top of the page
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Randy,
Nazlie is not currently online so I am forwarding this to her, she will be able to respond when she returns. Thank you for your patience in the meantime.

Emmy
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Thanks Emmy!!
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Randy
The code should be in a HTML widget which you have on your page somewhere, check your widgets until you find the one with the correct code in and insert the 'vertical-align: top; ' as per Nazlie's post above
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Randy

David is correct in saying the code is inside a HTML Widget. If you click on "Edit" on the first HTML Widget, you will see the #topbar code. Add the "vertical-align" element to the code, as I have posted above.

Let us know if you need more help with it!

Nazlie