Jump to content
pehja

Static and or responsive

Recommended Posts

pehja+    12
pehja

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 http://pehjaproduktion.se and http://peterhjalmarsson.se

 

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

 

Thanks for any input in this!

Peter

 


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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.


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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.


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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..


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
pehja+    12
pehja
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

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.

 

http://support.pagelines.me/docs/plugins/browser-specific-css/

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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;
}

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

What slider are you talking about

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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 ??

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×