Portfolio Page Icon issue

[Taffy]

Two issues

1. The Portfolio Page Icon is sitting above the title on smartphone (see screenshot).

2. Logo is not centred in height on tablet in landscape mode (see screenshot).

Thanks,

Mark

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Regarding the issue 1), add the code below to your custom css option.

@media only screen and (max-width: 767px){
sf-responsive.css:1250
.page-heading .post-nav {
    width: 20%!important;
    margin-top: 10px!important;
}
}

@media only screen and (max-width: 767px){
sf-responsive.css:1264
.single-portfolio.page-heading-standard .page-heading .heading-text {
    width: 80%!important;
}
}

Can’t replicate the issue number 2, any specific browser/resolution?
https://www.dropbox.com/s/tv5fqilgpf8n8ld/Screenshot%202017-02-23%2017.57.59.png?dl=0

-Rui

-Rui

[Taffy]

Issue 1 still remains.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

did you cleared the browser cache or tried in Chrome incognito?

-Rui

[Taffy]

Issue 1 still remains.

Cache cleared etc.

[Rui Guerreiro – SUPPORT]

There was an error in my css, can you remove the previous one and add the one below.

@media only screen and (max-width: 767px){
.page-heading .post-nav {
    width: 20%!important;
    margin-top: 10px!important;
}
}

@media only screen and (max-width: 767px){
.single-portfolio.page-heading-standard .page-heading .heading-text {
    width: 80%!important;
}
}

Thanks

-Rui

[Taffy]

Hi Rui,

Sorry, but the result is worse than before (see attached).

The icon is left aligned, but the page title is off-center and on a line below.

Thanks,

Mark

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

For 1) you should also add:

@media only screen and (max-width: 767px) {
.single-portfolio.page-heading-standard .page-heading .heading-text {
    width: 85%!important;
}
.page-heading .post-nav {
    float: left;
    line-height: 100%;
}
.page-heading .post-nav {
    margin-top: 15px!important;
}  
}

[Taffy]

This reply has been marked as private.

[David Martin – Support]

Glad to help you out.