Template Fortune: Need Help With Some Modifications - Question | JoomShaper

Template Fortune: Need Help With Some Modifications

BH

Bernhard Huber

Template 5 months ago

Hello,

I'm currently using the Fortune template and I'm encountering some difficulties in customizing it to achieve the desired appearance.

Firstly, I would like the tagline "Physiotherapie für Vierbeiner" to be displayed only on the desktop version of the website, and not on mobile. Can you guide me on how to set this up? Additionally, I'm looking to change the background color of this specific section to #fafffd. Attached is an image illustrating the issue. https://imgur.com/OZQ0n9P

Secondly, on certain pages (like this one: [https://www.webtyrol.at/hunde/index.php/about]), the page path is showing, which I want to remove. Could you direct me to the settings where I can disable this? Here a picture of a path, which should be disabled: https://imgur.com/a/QUd0tHu

I appreciate your assistance in finalizing my website and eagerly await your response. Thank you.

1
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #139590

Hi

Thanks for contacting us and sorry for your issue. Firstly could you please give me that specific page link for your tagline and background color issue? Its easy for me to solve that problem. And for your last isue to remove the path, please use this custom CSS in your custom.css file

.sp-page-title{
  display:none;
}

-Regards.

0
BH
Bernhard Huber
Accepted Answer
5 months ago #139599

Hi,

thank you for your help. The tagline appears on the mobile version of the website. For example on the mobile version of the home page: www.webtyrol.at/hunde/index.php/

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #139842

For tagline use this custom CSS


@media (max-width: 1200px){
   div#mod-custom100 {
    display: none;
}
}

For background color use this custom CSS

#sp-page-builder {
    background-color: #fafffd !important;
}
1
BH
Bernhard Huber
Accepted Answer
5 months ago #139965

Hello, thank you very much. Currently, the area designated for the tagline appears empty. Could we entirely eliminate this space? Additionally, there remains a slight mismatch in color between the menu bar and the main body in the mobile version of the website, as shown on this screenshot (https://imgur.com/a/ALOd5Ja). Could we adjust this to match the color #fafffd?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #140015

OK then please use this CSS


@media (max-width: 1200px){
div#sp-top1{
  display:none;
}
}

And for color please use this one


@media (max-width: 991px){
.body-innerwrapper {
    overflow-x: hidden;
    padding-top: 200px !important;
}
}
0