Jump to content


Photo
- - - - -

Problems with Custom CSS Styling on Mobile/Ipad

CSS Mobile

  • Please log in to reply
7 replies to this topic

#1 jenske

jenske

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 02 July 2013 - 11:09 AM

Hi. I have the same theme on all 5 of my sites and styled them quite the same (same plugins, colors etc).

 

I entered my my custom css styling in my childtheme. Now it seems to work only on Google Chrome on my Desktop.

If I open my site in IE on the desktop, Google Chrome or Safari on my Ipad and Iphone it goes crazy.

 

Some of the css styling works but the header + logo size, sidebar-background, tabs (widget) - color and spacing, optin bars spill over widgets and fixed navbar - font color etc.

 

It varies from site to site but that is the basic problems. Is there a way to fix this?

 

Website URL: innerpeke.com; starvingpeke.com; beautyandthepeke.com; memyselfandpeke.com; viciouspekes.com
Framework Version: most recent
WordPress Version: most recent
Server/Host: iPage
 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 July 2013 - 03:38 PM

Hi,

 

I see your sites on Firefox on a Windows 7 machine without any problem.



#3 jenske

jenske

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 02 July 2013 - 04:56 PM

Is example the tabs you see black or are they orange?

 

If black then the css does not work.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 July 2013 - 05:27 PM

The navbar and tab on the left are black.



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 July 2013 - 05:30 PM

Did you edit the following, for example:

Please Login or Register to see this Hidden Content



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 July 2013 - 05:31 PM

There is an option for the NavBar to be orange in Dashboard > PageLines > Site Options > NavBar



#7 jenske

jenske

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 02 July 2013 - 06:36 PM

I have now tried everything. I have one site that work and compared it to the others - disabled all plugins etc that was not the same.

I cannot understand why it doesn't work. I changed the font color and size on the navbar, I want the navbar black. I know that some

of the css styling work on the mobile and ipad example the black borders around the sidebars. So why don't the other styling work?



#8 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 02 July 2013 - 10:21 PM

Hi there,

 

I see your site like this -

Please Login or Register to see this Hidden Content

 

You have a cache plugin installed on your site, these can mask the caches on your site. Dump the cache file inside the plugin settings then disable the plugin, if you just disable without clearing the cache it won't work and you'll still see a previously saved version of your site.

 

If that doesn't work I would say backtrack through your css, adding a couple of lines at a time to see if the changes take effect up until a point and then change, it could be something in the code affecting it.







Also tagged with one or more of these keywords: CSS, Mobile