am going round in circles re top of page size!

Hi,

can you share the URL of your site?

this is not the actual site as that is password protected but this has the same problem

geoff-ideas.co.uk/

Thanks for the super-quick reply by the way!

Cheers

Geoff

I should also have made clear – this is mostly a problem with the mobile views

Geoff

No problem ??

I just check the site, did you mean that you want to decrease the space between the top menu and the page content https://prntscr.com/de1yrw? if yes, you can add the CSS code below using Custom CSS plugin:

.page-wrap {
    padding-top: 10px;
}

• This reply was modified 8 years, 3 months ago by awanrmb.

Sorry, I mean this:

div#page {
    padding-top: 300px;
}
.site-header.fixed {
    background: transparent;
    position: fixed;
}
.header-image {
    top: 0;
    position: fixed;
    z-index: 10;
    width: 100%;
}

Then for mobile screen:

@media only screen and (max-width: 991px){
  div#page {
    padding-top: 0;
  }
  .site-header.fixed {
    background: transparent;
  }
  .header-image {
    z-index: -1;
  }
}

Thanks – that has done the trick once I changed the padding-top: 300px; to a smaller figure!

Cheers

Geoff

oops! The if I change the padding-top: 300px to padding-top: 50px the front page is fine but on the other pages the top area is too large. How can I make its height less?

Geoff

whilst we are improving things – how do I make the front page image smaller?!

Cheers

Geoff

at the moment the top area is fine for both the front page and all the other pages.

But! on the mobile view the top area has too much space above my name.

??!

Cheers

Geoff

geoff-ideas.co.uk

As you see I keep changing the css!

At the moment would still like to have less space above my name on the mobile front page.

On the PC view how can I change the view so that I don’t have to scroll down to see the facebook and other icons? I don’t need to scroll down on the mobile view.

https://geoff-ideas.co.uk/

Cheers

Geoff

Hi,

Sorry, just get back to you.
For your both issue in above, please try this CSS code below:
– fix the height of the slideshow to remove the scroll:

#slideshow {
    height: 510px !important;
}

– decrease the space on the top of the page and fix the header image position on mobile screen:

@media only screen and (max-width: 991px){
  #page {
    padding-top: 0px !important;
  }
  #slideshow {
    height: 550px !important;
  }
}

@media only screen and (max-width: 600px){
  #slideshow {
    height: 300px !important;
  }
}

Many thanks! I have used the above css and removed what I think is not needed css. I now have the css below. See anything wrong?

The space above my name on the mobile front and the other pages is a little too large – how can I lessen its height?

Geoff

#slideshow {
height: 600px !important;
}

@media only screen and (max-width: 991px){
#page {
padding-top: 0px !important;
}
#slideshow {
height: 500px !important;
}
}

@media only screen and (max-width: 600px){
#slideshow {
height: 240px !important;
}
}

div#page {
padding-top: 50px !important;
}

div.page-wrap {
padding-top: 5px;
}

div.header-wrap {
height: 50px;
}

a.roll-button.button-slider { /* removed the click here below the welcome message */
display: none;
}

div.contain.text-slider { /* places welcome lower and to right */
position: relative;
padding: 2px 2px 2px 2px;
background-color: #000000;
top: 150px;
margin-left: 7%;
width: 200px;
height: 50px;
}

.text-slider .maintitle { /* re format welcome message */
font-size: 60%;
line-height: 1.1;
}

.page-id-4 #content.page-wrap {
display:none;
}

a picture worth a 1000 words so here is the picture!

I want to cut down the black area above my name …

Cheers

Geoff

Hi,

I noticed that you are using “Default template” for your home page, can you change it to “Front page” template?

Also, can you create a temporary login details and send it to awan.rimbawan101 at gmail? I’ll try to help you fix the issue directly from here.

Awan

I just thought I had a good idea but it hasn’t worked out! It’s 3.09am here! How about you?

will email you the access to a couple of sites both using Sydney and a few thoughts!

Cheers

Geoff