Jump to content


Photo
- - - - -

Static and or responsive


Best Answer pehja , 09 February 2013 - 10:39 AM

Ok it was so simple just added .ipad before the code. And now it looks great on both iPad and all other browsers  :D

Go to the full post


  • Please log in to reply
14 replies to this topic

#1 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 02 February 2013 - 11:12 PM

Hi!

 

How come two sites with the exact same settings behaves different? In the layout option I have

set to static with pixel width and full width section. Yet one site is responsive and the other one is not?

 

The site is

Please Login or Register to see this Hidden Content

and

Please Login or Register to see this Hidden Content

 

I want it to be static but no matter what I set it looks the same.

 

Thanks for any input in this!

Peter

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 February 2013 - 11:49 AM

Hi Peter,

 

If both sites are using the same layout settings, the same version of PageLines/Wordpress but are behaving differently in terms of layout, then the issue is caused by one of the following:

 

You're using different plugins, which is the cause of the issue or you have custom code that is different and is the cause of the issue.

 

Also, make sure that both sites have the same option for Mobile Optimisation disabled.



#3 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 03 February 2013 - 12:04 PM

Thanks Danny!

 

They have the same settings and mobile view is the same. That is OFF. Could you tell me which site is correct, corresponding to the settings I have. At least then I would know where to start looking.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 February 2013 - 01:03 PM

Can you provide all the settings related to your layout so I can see for myself.

 

Also, have you disabled all non-PageLines sections and removed all custom code added on both sites?

 

Do this and see if they still behave differently.



#5 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 03 February 2013 - 01:13 PM

No I have not. But if you can just go into the sites i stated above and drag one side to minimize to the left. I know that there are plugins that can cause the sites to behave differently. But which one is correct according to the settings provided in the topic regardless of any plugin, custom settings e t c.



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 February 2013 - 01:24 PM

Peter, please do my suggestion before hand, disable all non-PageLines plugins and remove all custom code and see if both sites are still acting differently. This needs to be done before, I test on my end which site is acting correctly and which isn't.

 

If both sites are setup/configured the same, then in theory they should be the same. As they aren't, then either they're not configured the same and you have missed something or you have a plugin/custom code effecting the sites layout.

 

Disable all non-PageLines plugins and custom code, is the fastest way to find out if the problem is with your layout settings or is plugin/custom code related.



#7 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 03 February 2013 - 02:42 PM

OK it´s done, and now they behave the same ;)



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 February 2013 - 02:46 PM

OK, so it is related to your plugins and custom code. Therefore, what you will need to do is make sure they all have the same plugins installed and review your custom CSS, as either of them are effecting your sites layout.



#9 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 03 February 2013 - 02:51 PM

Ok I will insert the custom code first and see what happens. Thanks for assisting me. I thought there was a short cut.

But I guess there really isn´t any..



#10 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 03 February 2013 - 02:56 PM

body{}.pl-sharebar {text-align:center;}
.pl-sharebar-text {display:none;}
 
#site .content, #footer .content {
    width: auto !important;
}
 
This was the custom code in pehjaproduktion.se When I put it back the site behaves not as it should. The reason for the #site code was because the layerslider didn´t go all the way in my iPad


#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 February 2013 - 03:17 PM

Well when designing your site for ipad or similar devices you should using either the Browser Specific CSS plugin or use @Media, this way it will only effect those devices and not your site when viewed on a PC/Laptop.

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#12 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 03 February 2013 - 03:25 PM

Yes, But I haven´t figured out how Browser specific CSS works. In this case how ever it doesn't matter. The slider you see on both sites are identical. It looks fine on all browsers including iPad on one site, but doesn´t on the other. 

 

As i removed every plug and custom code on both sites. Then applied the slider. It should look the same.. but it does not. 

Anyway this have nothing to do with PageLine so I will have to talk to the guy providing this code. 

 

#site .content, #footer .content {

    width: auto !important;
}


#13 miketaylorphoto

miketaylorphoto

    Advanced Member

  • Members

  • 64 posts
  • LocationToronto
  • Framework Version:Developer
  • Country: Country Flag

Posted 08 February 2013 - 02:58 PM

What slider are you talking about



#14 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 09 February 2013 - 10:02 AM

The slider is Layerslider. So Danny I have installed the browser specificik CSS and I want to target this for iPad and iPhone

 

 

#site .content, #footer .content {
    width: auto !important;
}
 
What would I paste in custom CSS to make it hapen ?
 
Do i just ad .iPad befote the code ??


#15 pehja

pehja

    Advocate

  • Members


  • 560 posts
  • LocationSweden
  • Framework Version:Pagelines v2.4.3 and DMS
  • Country: Country Flag

Posted 09 February 2013 - 10:39 AM   Best Answer

Ok it was so simple just added .ipad before the code. And now it looks great on both iPad and all other browsers  :D