Logo in the Parallax Section For FrontPage

Shapely
1

Hi!

I’m very happy with Shapely, after trying it out for the first time a few days ago. I like the simplicity and easy configuration.
Just wondering - would it be hard to add a centred logo above Title in the Parallax Section For FrontPage?
I know I can add the logo to the parallax-image, but that will take away the parallax-effect on the logo.

See attachement for what I’m trying to achive :slight_smile:

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
Can you show me where exactly you want it? not sure if this is possible (Html markup is not allowed in the text fields) but let’s check it first

Thanks!
Colorlib Support Team

3

Thank you for your response!

I’ve attached a screendump form my site, where I have placed the logo-image where I would like to place itt - above the text/button.

(btw it’s in norwegian)

4

Please provide URL of the website as well :slight_smile:

5

The site is under construction, and here is the url: http://www.spiked.no.

6

let me check it from inside, please use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box

 

7

Thank you for helping me!

I created two temp users, [email protected] and [email protected], which can login using this link:

http://spiked.no/wp-admin/?wtlwp_token=5281a4113d2c477353471a1da4c7381b

(or http://spiked.no/wp-admin/?wtlwp_token=acb40a933f70fb79cf3f2e4b98a43dd6)

:slight_smile:

8

btw, it’s a bitnami multisite wordpress on an aws lightsail server :slight_smile:

9

Good morning

Please check your homepage now, I used example image in the hero section, just change image source to your logo and its ready :slight_smile:

10

Thank you so much, that’s exactly what I want!

Look at it now: www.spiked.no :slight_smile:

I’ve got another problem too, and I notice that on cell phones the parallax-effect don’t work. I’ve seen other having tha same problem, and that there is some setting in wordpress that control this. Do you know what I have to do, or do you perhaps want me to post another support case?

Anyway - again, thank you for all your help!

Joachim

11

Good morning :slight_smile:

It looks so good now, ok, regardgin image, lets try this code:

@media (max-width: 991px) {
#shapely_home_parallax-2 {
background-image: url(http://spiked.no/wp-content/uploads/2019/09/forside-blomster.jpg);
background-size: cover;
background-attachment: fixed;
}
}

12

Thank you!

My hero bg is now showing as expected. I understand that parallax is a problem on mobile devices, and I can live with that.

To get my logo in the hero-section, you added the following code in the text field for the parallex for frontpage:

I’m posting it here for others with similar request, and this thread can be marked as solved. Not sure if you did any edits in css, but perhaps you can add that if so.

Joachim

13

Good morning Joachim

Thank you for sharing your info,

I will close this case now