Welcome! To use this support forum, please Login or Join Today!

   

Website Off-Centered When Viewing on Mobile Device

{name}
Rank

Total Posts: 1

Joined 2012-08-10

PM

 

http://dev.firelakervpark.com/

Website shifts to the left when viewing on a mobile device instead of being centered.

I would also like to reduce the size of the slider caption font for mobile viewing. How can I do that?

And, I’m not crazy about the mobile nav drop down menu for the Element theme. Can I replace that with what’s used on the Breeze or Mobius theme?

I appreciate the help,

Jennifer

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

It looks like some custom CSS has been added:

This rule is the problem (width:960px):

.container {
    position
relative;
    
width960px/* REMOVE THIS LINE */
    
margin0px auto;
    
padding0px;
    
backgroundrgba(255,255,255,0.8);

You might also consider adding this rule:

@media only screen and (max-width767px{
    body
,#wrap,#header {
        
background#fff;
    
}

 

{name}
Rank

Total Posts: 1

Joined 2012-08-10

PM

 

Thank you Casey,

The centering issue is corrected now with the css fix.

However, now the slider pics aren’t displaying. I checked the forum and saw your suggestion of checking the theme cache folder:

“Make sure the theme‚Äôs cache directory is writable by the web server by making sure the permissions are 755 or 777 on wp-content/themes/presstige/cache.”

I’m looking at the cache folder via Filezilla and I’ve got an empty directory listing. What does that mean and how do I check the permissions exactly?

Jennifer