Dear Radu,
I tried
#profile .five.columns {width:50%}
#profile .seven.columns {width:50%;}
#profile div#item-header-avatar.eight { width: 100%;}
alone and also including the previous css
/* set width for specific pages */
@media only screen and (min-width: 768px) {
.page-id-0 #main.row:nth-child(1) {
width: 1080px;
}
}
I still get the same results.
Please let me explain what the goal is:
I am trying to make the content area wider, where profile, notifications, messages etc are listed. below the header where the profile picture is. So the menu items (user-xprofile, user-notifitcations etc) are listed in one line and not in 2 lines as the image attached shows
Now when I use the second css (the one with the page-id-0) it displays the header correctly but the content area below did not change to 1080px.
In one of my previous posts I was able to apparently put all in one line but the search bar on the right side was extremely wide so it kinda covered the last items.
I hope I was able to understandably explain this.
Best regards,
Leonido