PreFiXAUT PreFiXAUT - 7 months ago 26
HTML Question

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


Answer

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;
}