2 replies [Last post]
triplebit
triplebit's picture
Offline
Regular
Last seen: 2 years 21 weeks ago
Timezone: GMT+2
Joined: 2013-12-03
Posts: 22
Points: 40

Here is my problem URL
http://62.219.17.172/~shaishze/perfect-rehitim/category/news/
I'm trying to make it responsive.
In mobile I get a huge scroll bar at the bottom
On desktop,when I re size to a mobile view, I don't see that scroll bar at all. The extra elements on the left simply go out of screen.
Can someone help please?
Thx

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 hours 11 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9759
Points: 3841

What is this,

What is this, http://62.219.17.172/~shaishze/perfect-rehitim/wp-content/themes/xt_furniture/custom.css doing in a css file?

Lack of scrollbar? See this at http://62.219.17.172/~shaishze/perfect-rehitim/wp-content/themes/xt_furniture/rtl.css:

/*  @media only screen and (max-width : 860px)  { */
                                                         /* End Tablet and Wide Mobiles */
 
                        /* always do the folloewing to eliminate bottom scroll bar  */
 
#header { 
width: 100%;
 }
#banner{ 
width: 100%;
 }
#main{ 
width: 100%;
 }
 
.header_Wrapper { 
width: 77%;
 }
 
.transperant_970{ 
/* width: 100%; */
width:77%
 }
.cat-list-widget{ 
width: 100%;
 }
.footer_wrapper{ 
/* width: 100%; */
width:77%
 }
 
body{
    overflow-x:hidden;
}
 
                             /* End always do the folloewing to eliminate bottom scroll bar  */

I see that you're using Meyer's silly css reset. See my article about resets, Global resets considered harmful.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

VeeraM
VeeraM's picture
Offline
Enthusiast
bangalore
Last seen: 4 years 32 weeks ago
bangalore
Timezone: GMT+5.5
Joined: 2014-09-22
Posts: 59
Points: 59

Must you need to read about

Must you need to read about Css property clearly ,this site not responsive , you are using the wordpress cms to develop this site ,select the responsive template as per our requirement.
then use that theme to wordpress its then you dont need to overwrite any css