[fionalu]

Hi Mohammad,

Sorry, but the code you provided didn’t work.

I also tried adding

.sf-parallax-video{width:100% !important;height:auto !important; } 

but it didn’t work as well.

And please don’t forget the images below with text “Womens compression sports bra” and “Compression Calf Sleeves” are also too big after screen 1500px.

 

I’ve notice these 3 blocks (1 parallax video and 2 parallax images) are all control by .alt-bg and had

@media only screen and (min-width: 1500px) {
.alt-bg {margin-left:-700px!important; padding-left: 700px; padding-right:700px;}}

But when tempering with these settings (set to 210px/-210px like min-width:1200px did), I couldn’t find the right way to achieve the effect I wanted.

Am I looking the wrong place? Need some help here.

Thanks!

[fionalu]

This reply has been marked as private.

[fionalu]

Hi Mohammad,

Thank you soooo much! I just love your great support and how the site’s logo looking now, truly grateful to you guys 🙂

Fiona

[fionalu]

Hi Mohammad,

Thanks for your help! I’ve managed to get the effect I need, and I couldn’t do it without you 🙂

Just two last things:

1. After scrolling down and the header sticks to the top, the menu text is too low because we adjusted its padding-top to 20px earlier.

I’m wondering if there’s a way to let the menu text (and search icon) normally had padding-top:20px, but after scrolling down with the header sticks, change the padding-top to 0?

2. In mobile responsive mode, the header’s height is bigger than logo’s height again. How to make this effect responsive?

Thank you so much!

Fiona

[fionalu]

Hi Mohammad,

I’ve pasted the code you gave into theme options/custom CSS section, and now there’s four problem:

1. There’s a white gap between the logo and top bar, how to remove it only for logo, without moving the menu text?

2. The menu text are way up top, how to make them lower? (I tried and the search icon stayed, they’re in different divs?)

3. When scrolling with mouse, the re-size motion completes in 3-4 scrolls on my computer, that’s say the first and last scroll are the big/small logo, the ones in between (when div class changes to “sticky-wrapper is-sticky”) header height changes back to the huge header.

You could see the effect on my site: http://cbwp.bitnamiapp.com/wordpress/

I tried to use the code below but didn’t work.

.is-sticky {
height:110px !important;
}

4. When I go back to theme options to change the logo’s width and height settings and hit “Save”, two things happen:
4-1. The header’s height went back to the huge header, until I save the custom CSS section again.
4-2. The logo’s height will change at the first step, but after I save the custom CSS section, it went back to previous size.

I’m not sure what to do here, please advise.

Thanks!

Fiona

[fionalu]

I made a pic just to illustrate better, please see the attachments.

Attachments:

You must be logged in to view attached files.

[fionalu]

Hi Mohammad,

As you can see in my site: http://cbwp.bitnamiapp.com/wordpress/

The method you provided is not working as the example I mentioned, the header’s height will automatically adjust with a bigger logo, and so the header became huge.

What I’m trying to get is a logo “longer” than the header, the logo’s bottom will fall outside of the header, and logo’s height is bigger than the header.

In the meantime the header’s height stays at minimum (89px or less), and they all have the sticky header’s scrolling re-size motion. If I’m not clear enough, please check the example I gave previously.

Any way to do this?

Thanks 🙂

Fiona

[fionalu]

Hi Rui and rlshaw,

Just like what rlshaw said, changing the timer to a “-” solved the problem that I spent countless hours on!

Truly grateful to you guys, thanks 🙂

Fiona

[fionalu]

Hi Mohammad,

Got it!

I didn’t know I should use the WPML “String Translation” plugin to do so, but it’s PERFECT now!

Thanks for the help 🙂

[fionalu]

Hi Mohammad,

Is it possible to make the string “Search Result” translatable? Thanks!

[fionalu]

Hi,

I’m sorry that I didn’t make it clear enough,

I meant the string “Search Result” will stay in English this way, not the string that user searched for, sorry about that.

Thank you so much 🙂

[fionalu]

Hi Rui,

Thank you for the help, it worked like a charm!

But my site has multi-language with WPML, and the page title will stay in English this way, despite which language the user choose.

I wonder if there’s any way to accomplish this?

Is it possible to add this into future versions?

Thanks 🙂

[fionalu]

This reply has been marked as private.

[fionalu]

This reply has been marked as private.

[fionalu]

Hi,

I think this method doesn’t apply to special pages such as Portfolio or Blog.

You could see the Portfolio page style in Dante demo site:

http://dante.swiftideas.net/portfolio-full-width-masonry-gallery/