Archived

This topic is now archived and is closed to further replies.

  • 0

Problems with Custom CSS Styling on Mobile/Ipad


Question

Posted · Report post

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
 

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Hi,

 

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

 

If black then the css does not work.

Share this post


Link to post
Share on other sites

Posted · Report post

The navbar and tab on the left are black.

Share this post


Link to post
Share on other sites

Posted · Report post

Did you edit the following, for example:

#rum_sst_tab {
    background-color: rgb(0, 0, 0);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-style: solid;
    border-width: 0;
    color: rgb(255, 255, 255);
    font-family: Arial,sans-serif;
    top: 350px;
}

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

 

I see your site like this - http://screencast.com/t/t9WTfAdZn

 

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.

Share this post


Link to post
Share on other sites