Notifications
Clear all

wpForo 1.x.x [Closed] I create a page and it does not look

17 Posts
3 Users
0 Likes
7,566 Views
Robert
Posts: 10499
Admin
(@robert)
Support Team
Joined: 8 years ago

There are better and more convenient ways to customize forum view on different sizes of screen. Turning off the whole WordPress functionality on website front-end is the worst way and it's not professional.

The main problem why you cannot customize it using CSS is the mobile and other device browser caches. You don't see the changes when you adding custom CSS code. You should delete website cache and open a new private browser session each time you make some change in code to see the result. Mobile and tab browser caches are very hard, they don't allow to see any changes made in CSS.

1 Reply
(@franricht)
Joined: 5 years ago

Estimable Member
Posts: 120
Posted by: Robert

There are better and more convenient ways to customize forum view on different sizes of screen. Turning off the whole WordPress functionality on website front-end is the worst way and it's not professional.

The main problem why you cannot customize it using CSS is the mobile and other device browser caches. You don't see the changes when you adding custom CSS code. You should delete website cache and open a new private browser session each time you make some change in code to see the result. Mobile and tab browser caches are very hard, they don't allow to see any changes made in CSS.

Thanks Robert, but doing what you say I can not get the forum to be full screen. You see strips on the sides, I'll talk to the person in charge of the issue to see if I can solve it. Thanks again!

Robert
Posts: 10499
Admin
(@robert)
Support Team
Joined: 8 years ago

You'll not see that. You just need to remove all custom CSS and explain the issue. We'll provide better CSS code to fix that.

Posts: 120
Topic starter
(@franricht)
Estimable Member
Joined: 5 years ago

Hello Robert, in the end with this code I have been able to solve all the problems, the logo adapts to any type of screen and the white frames disappear in narrow screens like that of a mobile phone.

@media (max-width: 980px) {
#et_mobile_nav_menu {
display: none;
}
}
@media (max-width: 620px) {
.et_header_style_centered #logo {
position: relative;
bottom: 40px;
max-height: 180px;
}
}
@media (min-width: 621px) and (max-width: 639px) {
.et_header_style_centered #logo {
position: relative;
bottom: 50px;
max-height: 140px;
}
}
@media (min-width: 640px) and (max-width: 980px) {
.et_header_style_centered #logo {
position: relative;
bottom: 20px;
max-height: 140px;
}
}
@media (max-width:768px)
{
html .container {width: 100%;}
}
 
Do you think the result is good?

Thank you!

Sofy
Posts: 4233
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi FranRicht,

I think it's ok. I just suggest you remove the menu paddings. Use this CSS code for this purpose. 

ul#wpf-menu {
padding: 0px;
}
Posts: 120
Topic starter
(@franricht)
Estimable Member
Joined: 5 years ago

Wow! Thanks Sofy, it looks great now!

Page 3 / 3