Menu On Site With Film Background - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Menu On Site With Film Background

Nima Ahrar

Nima Ahrar

Helix Framework 3 years ago

Hi Please help me to do this: https://tandees.se/Capture2.JPG

0
15 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #57278

You are most welcome. Could you please close this post by accepting the answer?

Thank you.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #50113

Hi

Could you please explain it more?I dont understand your screenshot

https://prnt.sc/25tuf1r

-Regards

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50115

Hi i want to move logo on top left ( or center ) but on film background and meno also . Thank you Regards

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #50244

Its already on top left

https://prnt.sc/25yfxsy

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50246

On background with film is important for me to see all. i don't need to have white section with menu on top, i want to see menu and logo on background with film. Regards Nima

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50256

https://tandees.se/Capture22.JPG i want to see all here and i don't want to see blach on top, how can i do this? Regards

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50257

menu left , logo middle , and phone on right side , as this pic https://tandees.se/Capture22.JPG

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #50263

As per my knowledge there is no default option like this. But I am trying some custom css for doing this. I hope this may help you.

Use this custom css

header#sp-header {
    position: absolute;
    background: transparent;
    box-shadow: none;
    top:38px;
}

div#sp-top-bar {
    position: absolute;
    background:transparent;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index:2;
}
#sp-header.header-sticky {
    background: #000 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50280

Thank you Mehtaz Its great now. perfect :) only please check this now : https://tandees.se/Capture222.JPG logo middle , menu in left , contact right ( thank you ) Regards Nima

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #50309

You can use this layout builder

https://prnt.sc/25z9328

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50313

i couldn't open this link that you sent me. please send me on another way. Regards Nima

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #50323
0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #50342

May you please write it for me? i can't open this link. Regards

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #50457

Ok follow the steps below:

Go to the administrator-->System-->Site template styles-->Your default template-->Template options-->Basic-->Select header-->Select the multi rows header

0
Nima Ahrar
Nima Ahrar
Accepted Answer
3 years ago #57143

thank you

0