[CSKickOn]

thanks 🙂

I used what you wrote to tweak a bit.
Here is what I came up with and I think it works nicely….
There were a few lines you had that I wasn’t sure the purpose of… so please let me know if I have done anything badly below….

Otherwise, looks like it works ok! 🙂
thank you again!!!
C

/* Primary menu styling*/
@media only screen and (max-width: 1024px) {
#primary-menu > ul.menu > li > a {
font-size: 14px;
} }
#header.sticky #primary-menu > ul.menu > li > a {
line-height: 50px;
font-size: 14px; }

#site-logo {
top: 25px;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
#site-logo{
display: inline-block;
float: left;
top: 25px;
}}

@media only screen and (max-width: 1024px) {
#site-logo {
margin-left:auto;
margin-right:auto;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
#primary-menu{
display: inline-block;
float: right;
margin-right: 0;
padding-top: 25px;
}}

#sidebar-header .social-list a i {
color: #000000;
}

#header.sticky #sidebar-header .social-list a i {
color: #ff6600;
}

#sidebar-header .social-list {
top: 110px;
}
#header.sticky #sidebar-header .social-list {
top: 60px;
}

@media only screen and (max-width: 768px)
{
#sidebar-header .social-list {
left: 0;
top: 10px;
text-align: center;
display: inline-block;
}}

@media only screen and (max-width: 768px)
{
#sidebar-header .social-list a i {
color: #ffffff;
}}

#sidebar-header .social-list {
padding-top: 5px;
padding-left: 5px;
}

#sidebar-header .widget ul.social-list a {
opacity: 1.0;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100); }

#sidebar-header .widget ul.social-list a i {
font-size: 40px;
}

#header.sticky #sidebar-header .widget ul.social-list a i {
font-size: 25px;
}

@media only screen and (max-width: 768px)
{
#sidebar-header .widget ul.social-list a i {
font-size: 20px;
}}

@media only screen and (max-width: 768px)
{
#header.sticky #sidebar-header .widget ul.social-list a i {
font-size: 25px;
}}

[CSKickOn]

Hi.

Thank you
Just went to http://kickon.staging.wpengine.com/
and it still seems out… see screenshot.
Also, the menu disappears too early when you make a narrower screen, so regardless not idea. sorry.

I don’t know if it might be worth instead of having the social buttons in line with the menu text where they take up room…. Maybe having a new little bar/area that goes under the menu, where the buttons can hover under the menu buttons instead? I don’t mind if they hover over everything, but under the menu.

Thank you yes again for your time and help!
CS

[CSKickOn]

This reply has been marked as private.

[CSKickOn]

This reply has been marked as private.

[CSKickOn]

Hi Phoenix,

That semi-worked…. few issues though.
Please see screenshots.
It is good when I have a wide window, but it still goes behind the menu when I make the window more narrow.
It also seems to stuff up the logo position when it goes to roughly a tablet sized window and the menu converts to a button. The logo is now under the menu button.

Is it maybe possible just to knock the social list down under the header/menu section?
dunno….
ultimately I just would like the social buttons more prominent and hovering somehow/somewhere at the top – not just hidden away at the bottom of the page in the footer.

Thank you yet again for your time and help,
Kindest regards
CS

[CSKickOn]

Ok – figured it out.
Unbelievable! Was nearly ripping my hair out haha

When I was copy and pasting from example code online (to makes sure I have everything exactly correct) the apostrophe marks were not copying as actual apostrophe marks into the page source text/code!!! So the code was invalid and therefore nothing was showing!

Lesson learnt! Type everything or ensure you are pasting correct text characters!

This code (with the apostrophe “” marks now as actual apostrophe marks) now works perfectly!
[show_post_snippets post_type="gallery_item" taxonomy="portfolio_category" terms="charlesstewart" number_of_columns=4 post_count=12 image_size='small' filterable=true no_margin=true]

Thank you for your time and patience!
Much appreciated,
CS

[CSKickOn]

Hello,

On this page http://www.kickon.com/?page_id=96 I have this code:

Gallery test 1
[show_gallery number_of_columns=4 post_count=12 image_size='small' filterable=true no_margin=true]

Yet under the heading on that page I cannot see the filter buttons for category’s even though there are two categories assigned to various photos being show…. (see attached pic)

What am I doing wrong??
Sorry if I am missing something obvious!

Kindest regards
Thank you again
CS

[CSKickOn]

sorry, forgot to attached pic

Hi,

I have tried every combination I can 🙁
Sorry it I am being stupid – but I cannot make it work. I am mayb not understanding this ‘terms and taxonomy’ ….
Please see the attached screen shot.
I have two photos in the gallery. One with assigned to the category ‘Random’ another assigned to a category ‘Charles Stewart’.

This code however does not work (nor any other combination I am tring):
[show_post_snippets post_type=“gallery_item” terms=“Charles Stewart” taxonomy=“gallery_category”]

what am I doing wrong?

On this page: http://www.kickon.com/?page_id=96 I have this code:

Gallery test 3
[show_post_snippets post_type=“gallery_item” terms=“CharlesStewart” taxonomy=“gallery_category”]
[show_post_snippets post_type=“gallery_item” terms=“Charles Stewart” taxonomy=“gallery_category”]

But nothing displays on the webpage under the heading ‘Gallery Test 3′

Thank you for your help and patience,
Kindest Regards
CS

[CSKickOn]

Hi,

I have tried every combination I can 🙁
Sorry it I am being stupid – but I cannot make it work. I am mayb not understanding this ‘terms and taxonomy’ ….
Please see the attached screen shot.
I have two photos in the gallery. One with assigned to the category ‘Random’ another assigned to a category ‘Charles Stewart’.

This code howver does not work (nor any other combination I am tring):
[show_post_snippets post_type=“gallery_item” terms=“Charles Stewart” taxonomy=“gallery_category”]

what am I doing wrong?

On this page: http://www.kickon.com/?page_id=96 I have this code:

Gallery test 3
[show_post_snippets post_type=“gallery_item” terms=“CharlesStewart” taxonomy=“gallery_category”]
[show_post_snippets post_type=“gallery_item” terms=“Charles Stewart” taxonomy=“gallery_category”]

But nothing displays on the webpage under the heading ‘Gallery Test 3’

Thank you for your help and patience,
Kindest Regards
CS

[CSKickOn]

Hi guys,

Hoping to get a response to this… any ideas?

thank you

[CSKickOn]

Hi Guys – hoping to get a response to this….
Thank you

[CSKickOn]

Also, I forgot to add, that when you scroll down and the menu header section squashes … on a screen width greater than 1024px things look good (see attached pic) … but once in that middle state less than 1024px and greater than 786px wide the menu text justifies left and the height of the menu header changes and nothing fits nicely (See menu6 attachment)….

Thank you

[CSKickOn]

That seems to work and locks the image. Thank you

[CSKickOn]

IE version 11.0.9600.17239

It happens on two completely independent different PC’s with different internet connection even.

In chrome on both it works fine…

[CSKickOn]

My phone, HTC One in chrome just shows the entire pic ‘fitting’ to the screen. no scrolling effect. but looks ok. In the default internet browser app (that I never use) nothing shows, just blank.

On a friends iPhone 5s, he gets the blown up full size non scrolling image showing.
(but on other iphones I get a similar effect to my phone…)

On a friends LG G2, default browser, the effect works perfect.

[Author]

Posts