[Frank]

I would like to limit the wide of my FullFrame Pro Page to 1150px wide.

What do I have to change in CSS to realize this. Need everythink like it is exempt the wide.

Thanks in advance

Regards from Germany

Frank Hamm

[Pratik]

Hi @Frank,
I will need your site url for this.

[Frank]

Have a look at http://frank-hamm-webdesign.de

Thanks in advance

[Pratik]

Hi @Frank,
This looks a bit hard to do as all the Responsive design will suffer. I will tag @Sakin. Maybe he can come up with a better solution.

Regards,
Pratik

[Frank]

Hi @ Pratik,

that would be great to have such a solution. I want to optimize the Page for Google page speed. And to make the wide smaller would make it possible to use smaller header pictures. Which could result in better response time.

Regards
Frank

[Sakin]

@frank-hamm-webdesign: You can make your site width maximum to 1150px by adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (min-width: 1150px) {
    .wrapper { width: 1150px; }
    #main { width: 770px; }
}

[Frank]

@Sakin: Thanks for your advice, I have tried it and it did´t work.

But in combination with an old advice by you as answer to a similar question I have combined it to this custom css settings for 1200px wide of the side:

@media screen and (min-width: 1200px) {
.site { width: 1200px; }
.wrapper { width: 1200px; }
#main { width: 820px; }
}

This is similar to that you send me but it need also the .site tag to work.

Now I have a last problem, regarding the light gray bar behind the primary menu. This is still full wide.

Unfortunately I´m not able to figure out the right css parameter to control this.
Can you support me with this information.

Remark from my side: I´m working on a german language file for the template. When this is finished I would like to give it to you, so the theme could be delivered also with germane language by you.

Regards from germany

Frank

[Sakin]

@frank-hamm-webdesign: Great. For menu, you can add the following css:

.nav-primary {
    margin: 0 auto;
    max-width: 1200px;
}

Yes, sure that will be great. If you could help us in German language translation and send us de_DE.mo and de_DE.po files.

[Frank]

@Sakin: CSS works perfect, thanks a lot. Last thing I will have to optimize is the size of the mobil links, which page speed is remarking as not ok. But hopefully I will fix that without help 🙂 (Hope so)

German language files will be finished during next week.

@Sakin, can you please send me a personal email to frankhamm[at]frank-hamm[dot]de with you contact data. Maybe I have a little more support offer for you inside the german speaking market, the biggest wordpress market in europe.

Regards

Frank Hamm

[Sakin]

@frank-hamm-webdesign: Yes, I will email you. For support, you can ask in here that’s not a problem. I can answer it.

[Author]

Posts