CODEWITHSUNDEEP
htmlcss
PreFiXAUT
PreFiXAUT

Reputation: 140

Element bigger than Page's width

I work on my Homepage on a custom Theme (WP). As I was making the page more responsive, it somehow messed up everything and I don't know what to be fair.

The Page is now somehow bigger than the window which results in a x-overflow and a scroll-bar which is contains nothing. It's kinda hard to explain, so here's a screenshot and the live view:

http://prefixaut.net

Upvotes: 0

Views: 80

Answers (3)

USER10
USER10

Reputation: 974

Try this,

In your style.css Line Number 268,285,289 has Issue.

Below css to Slove these issue.

Change these CSS:

#selection .select .select-bg {
    /*left: -50px; Remove this line and Add Below lines  */
    left:0;
    right: 0;
    margin: 0 auto;
}
#selection .select .select-bg-container {
    left:50% /*Remove This*/
}
#selection .select .select-icon {
    position: absolute;/*Remove This*/
}
#selection .select .select-icon i {
    /* left: -25px;  Remove this line and Add Below lines  */
    left: 0;
    right: 0;
    margin: 0 auto;
}

Upvotes: 1

laraib
laraib

Reputation: 631

You have to apply below given css rule to achieve your results back.

header {
max-width: 100% !important; 
overflow: hidden;
}

It will make your website look nice and your scroll will be disappearing.

Upvotes: 0

Abhishek Panjabi
Abhishek Panjabi

Reputation: 439

You can try setting overflow-x:hidden in css. it'll work

Upvotes: 0

Related Questions