• Hello there, Two questions 1. I’m wondering if anyone can let me know why I have large blank space to the right of my site page and how I can get rid of this. There seems to be a scroll bar at the bottom?

    Also people have commented that the logo looks slightly fuzzy – any thoughts how this could be improved appreciated : )

    https://www.umbrellatherapies.co.uk

Viewing 13 replies - 1 through 13 (of 13 total)
  • Moderator Bet Hannon

    (@bethannon1)

    I’m not seeing blank space or a fuzzy logo. Did you get these resolved?

    Thread Starter phibelle

    (@phibelle)

    Perhaps i’ve not described the issue very well. Basically users should be able to scroll down the page but not to the left/ right – at the moment there is alot of blank space around the text to the left and right and and scroll bar appears. Any help to remove appreciated. Thank you

    Moderator Bet Hannon

    (@bethannon1)

    Looks like maybe you have left & right sidebars in this theme, but haven’t put anything into them. Is that maybe what’s going on?

    the menu is somehow ‘sticking out of the layout’ – possibly caused by some formatting of your theme.
    please post in https://www.ads-software.com/support/theme/crawford so the theme’s developer can fix the issue.

    Thread Starter phibelle

    (@phibelle)

    Thanks I keep posting in the Crawford theme page but not getting any replies – hence coming back here. If you have any ideas of what i need to change regards the formatting i’d be grateful. Thanks : )

    Moderator Bet Hannon

    (@bethannon1)

    Is it the menu or the wide graphic image? I think if you made that graphic more narrow, you would lose the space on the sides…

    You’re sure it’s not sidebars?

    It is because they are trying to do things illegal way. They used different method to make the menu center. here is the fix (not so stable).
    Here it is

    header nav ul {
        position: relative;
        float: none;
        margin: 0px auto;
        padding: 0px;
        list-style: outside none none;
        width: 880px;
    }

    deleted: left:50%, added width (add more width if add more item and delete some if delete menu item}

    header nav li {
        position: relative;
        float: left;
        margin: 6px 0px;
        border-right: 1px solid #DDD;
        padding: 8px 20px;
        display: block;
        text-transform: uppercase;
    }

    deleted right: 50%;
    As you see, no horizontal scroll bar. https://imgur.com/EMo9tpp

    Thread Starter phibelle

    (@phibelle)

    Hi Skyat, I have added the code above to my style sheet. But nothing has changed. Please note I am not using a child theme and i am not an experienced user of wordpress and therefore not familiar with coding. Is there something else I need to do ?

    oh.. you must mention that you are using child theme. then add left: 0%; in first class and right:0% in 2nd class.

    Thread Starter phibelle

    (@phibelle)

    Sorry Skyat I really don’t understand what i’m supposed to do.
    Just to be clear I’m not using a child theme.
    Could you lead me through step by step please.

    Kind thanks, Nikki

    ok.. login to wp-admin
    Appearance>Editor
    Now the stylesheet file would be open in front of you.
    press (ctrl+f) and a search box appears on your browser’s bottom left..
    write

    header nav ul

    in search box and you will find something like this
    .header nav ul{
    ———————-
    ———————
    ———————
    }
    *—- are codes written there…
    Then replace whole .header nav ul {} with the code I provided.
    Do it so with second code (known as css class). Hope you understand.

    Thread Starter phibelle

    (@phibelle)

    Ok I understand and have done what you suggested. The white areas around the page have now gone which is great, however the menu bar has now moved out of place. Way across to the left. Any idea why and how I can move this in to the correct position? I will leave it as it is for the time being so you can see what I mean. Thank you

    I think you already adjusted it and sorry for late replay. If you change menu items then your total menu width will definitely be changed. So each time you change the menu items, you have to adjust the widthwidth: 880px; to new width. This is the reason I mentioned my solution as

    not so stable

    If you are up to a fixed solution then you have to edit a lot of things of css so I don’t recommend it you.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Space around site?’ is closed to new replies.