LeonGeb

[LeonGeb]

Dear Radu,

I tried

COPY CODE

#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

COPY CODE

/* 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

[LeonGeb]

Hi Kieran,

I put the css code back into that specific page again. its the profile page with id=0

COPY CODE

/* set width for specific pages */
@media only screen and (min-width: 768px) {
.page-id-0 .row {
    width: 1080px;
}
}

Best regards,
Leonido

[Author]

Posts