[lobsterass]

Hola!

Awesome. Both codes worked. I chose to remove the next-previous-project-arrows all together because some of mine leads to only one other project.

They are not linked to projects in the same category btw. I see no logical connection at all. At least not in my portfolio. 🙂 Too bad, because I think it’s a really nice feature.

Thank you, Rui!

<3

[lobsterass]

Hi!

Here is a link: http://monroedesign.se/portfolio/grafisk-profil-at-edward-snowden-design-i-stockholm/

Yes, I’ve added the CSS below again but it doesn’t seem to do anything…right?

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
.pagination-wrap .nav-previous, .pagination-wrap .nav-next { float: none; max-width: 100%; text-align: left; }
}

Why is it that the arrows only let you jump to like 1-4 other projects? It would have been much more user friendly if all projects always had a LEFT and a RIGHT arrow and if the user could click through the whole portfolio this way.

Now, it only works to click a couple of times (not logical or userfriendly) so I’m kind of thinking it might be best to just remove the links to the next projects all together. How do I do that?

<3

[lobsterass]

Hola!

Hey, with the latest update of theme, this issue got a little messed up again. Please look at the image of the right NEXT-arrow being under the the left arrow now. I would like them to be placed one on each side. Here is what I’ve done:

single-portfolio.php and in line #186 and #187 ( last lines ) you saw a line like this:

<div class=”nav-previous”><?php next_post_link(__(‘<i class=”fa-angle-left”></i> <span class=”nav-text”>%link</span>’, ‘swiftframework’), ‘%title’); ?></div>
<div class=”nav-next”><?php previous_post_link(__(‘<span class=”nav-text”>%link</span><i class=”fa-angle-right”></i>’, ‘swiftframework’), ‘%title’); ?></div>

change that to:
<div class=”nav-previous”><?php next_post_link(__(‘<span class=”nav-text”>%link</span>’, ‘swiftframework’), ‘<i class=”fa-angle-left”></i>’); ?></div>
<div class=”nav-next”><?php previous_post_link(__(‘<span class=”nav-text”>%link</span>’, ‘swiftframework’), ‘<i class=”fa-angle-right”></i>’); ?></div>

I’ve just missed something easy, right?

<3
A

Attachments:

You must be logged in to view attached files.

[lobsterass]

EXCELLENT! Yes! I’m very happy with this! Please see image! 😀

And for others who may need more space for nav titles in menu, here is the final code used on this website:

.header-row .span4.logo-left {
width: 20%;
}
.header-right.span8 {
width: 75%;
}
.header-4 nav .menu > li > a, .header-5 nav .menu > li > a, .header-4 nav#main-navigation .menu > li > a, .header-5 nav#main-navigation .menu > li > a {
padding: 0 5px!important;
}

Thanx Rui, Kyle and Ed for making my day!
<3

Attachments:

You must be logged in to view attached files.

[lobsterass]

Cool, man. 🙂

[lobsterass]

Hola, Speedy Gonzalez!

Cool. Thanx.

It looks better now than before but FAQ is still not full width. I’m not gonna make a big deal out of this. Maybe something for the next update? 🙂

<3

Attachments:

You must be logged in to view attached files.

[lobsterass]

Hi Kyle!

Thanx!

Hmm…that worked in FF but made all FAQ titles stack on top of each other on the left hand side in Safari and Chrome.

<3
A

[lobsterass]

Hola awsome developers!

Thank you! This is almost working flawlessly now. 🙂 Yeah!

There’s just a small issue that happens when the window is between 980-1199px wide in FF and no items in cart. Please see image. The menu stacks over cart.

I can think of two possible solutions:

1. I tried to solve this by reducing padding between menu items. It doesn’t seem to work. Any suggestions?

nav#main-navigation .menu > li > a {
    padding: 0 8px;
}

2. Is it possible to make “the responsive menu stack symbol” stay on all windows widths 0-1200px instead?

I promise to be done bugging you soon. Thank you for your amazing patience with me…and my friggin fresh Neighborhood site!

<3

Attachments:

You must be logged in to view attached files.

[lobsterass]

Works. Perfect! Thanx Mohammad!

<3

[lobsterass]

…But my favorite way to solve this is not to have any 3:rd level menu at all. I would much rather like to reduce that 220px blank space between the logo and the first menu title smaller.

[lobsterass]

This reply has been marked as private.

[lobsterass]

Hey Kyle!

Yeah, that was with that code from Rui. I changed it back. The only css there now is:

.header-row .span4.logo-left {
width: 20%;
}
.header-right.span8 {
width: 75%;
}

<3

[lobsterass]

Hola Rui!

Nope, sorry. That made the menu 2 rows at 980-1211px window. Please see attached image.

I consolidated the menu now and removed one nav button. I still have a 2 row menu when window is 980-1211px.

<3

Attachments:

You must be logged in to view attached files.

[lobsterass]

Ah! Kyle that works!

The only little thing with it is that when the window is 980-1199 px wide – please see attached image;) – menu becomes 2 rows. I believe I had this issue before your great CSS too…so I may not be the only one with the issue?

Is there an easy way to make it show the responsive-4-spripes-menu-symbol in all windows below 1200px? Then this would be PERFECT!

<3

Attachments:

You must be logged in to view attached files.

[lobsterass]

Hi,

1. That was not an answer to my question. I know how to resize the logo and I don’t need CSS to do that. That CSS skews the logo so I don’t really understand how that would ever be a solution? I’m asking how to reduce the 220px padding on the right of the logo?

2. Yes, I know what the link is. My point was that it would be useful with a clickable link/button to quickly get to one’s user profile. I see somebody agreed because now there’s suddenly a “User Links” widget visible to right. Perfect!