[Ayisids]

At the moment, on my display screen the layout looks perfectly fine and also on larger display screens. However if I view the page on a smaller screen or simply decrease the browser size the menu and the content of the page stretches to the right. I don’t know how to make it fit with the browser size as it changes, if that makes sense.
Please help me fix this asap..

Thank you

[Ayisids]

http://www.shass.co.uk/blog

[Sakin]

@Ayisids: It’s because you have customize the site in Wrong way. I just check in your custom css. Can you remove the following CSS from your Custom CSS.

body {
background-color:white;
margin-right: 150px; margin-left: 150px;
border-right-style:solid;
border-left-style:solid;
border-width:5px;
border-color:#B81456;
}

Then you will see your site will work fine. But if you want to add border around the site then the best option will be to create child theme and edit it. But if you want same css then it should be as below:

body {
    background-color: #fff;
    border-left: 5px solid #b81456;
    border-right: 5px solid #b81456;
    display: block;
    margin: 0 auto;
    width: 998px;
}

[Ayisids]

Ahh it worked! Thank you so much!
I’m still really new to this so I don’t know much. And I don’t even know what a child theme is but I’ll look into it.
Thank you soooo much!!! 😀

[Author]

Posts