Template Problem - Question | JoomShaper

Template Problem

A

angelo

Template 1 year ago

hello I have a problem as you can see here: https://ibb.co/vvDyV4M

I added previously this code: / The menu is sticky/fixed, which can cause overlap when scrolling. The body uses specific padding for the portfolio page, which can affect the positioning of elements on the page. The solution is to adjust the CSS in your template.css file to prevent this overlap:/ .view-category #sp-main-body { padding-top: 100px; } .com-spsimpleportfolio.view-items #sp-main-body { padding-top: 100px !important; }

It's for other extention. What shall i do with my first page?

0
21 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164474

Hi

Thanks for contacting us. You can use this CSS in your custom.css file

#sppb-addon-1717522328032 .sppb-addon-header .sppb-addon-title{
      padding-top: 35px !important;
}

-Regards.

0
A
angelo
Accepted Answer
1 year ago #164485

thank you. it fixed the issue on my first page but still i have issue with another page: https://www.rules-chess-strategies.com/en/profile-en

please advice.

0
A
angelo
Accepted Answer
1 year ago #164486

The code you gave me fixed the problem on my english first page but in my greek page i have still a problem: https://www.rules-chess-strategies.com/el/

please advice.

0
A
angelo
Accepted Answer
1 year ago #164487

and in this page in greek as well: https://www.rules-chess-strategies.com/el/profile-gr

NOTE: I added your code to all templates, genera, english and greek

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164488

Hi

Please remove my previous code and use this one

.sppb-addon-header .sppb-addon-title{
      padding-top: 35px !important;
}
0
A
angelo
Accepted Answer
1 year ago #164490

I did it. Thank you. The greek first page is working.

The greek log in page is not working propertly: https://www.rules-chess-strategies.com/el/profile-gr

The english log in page is now working as well: https://www.rules-chess-strategies.com/en/profile-en

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164491

Hi

Isn't it ok?

And please use this </> when you insert any code on the forum. It will organize your code, then it's easy for us to check.

0
A
angelo
Accepted Answer
1 year ago #164496

I'm sorry about the code! I didn't knew... If you would like I can send it again but I'm not sure if this is nessesary.

The pciture that you send is working just fine! This is the starting page on the website. But I have the issue on another page:

https://ibb.co/JCJgxwn https://ibb.co/7V5ZcgK

The link to this page is here: https://www.rules-chess-strategies.com/en/profile-en

You can click the right menu item "log in" in greek and english page.

Thanks for your promt support.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164506

I have fixed this issue too. Please check now.

0
A
angelo
Accepted Answer
1 year ago #164510

thank you very much! How did you fixed this issue?

It's important for me to know what cost it. I just changed the template to joomla original to check another issue to hikashop and then this problem happened.

I'm asking because if it happed again in the future I'd like to solve it by myself.

Thanks in advance, Angelo

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164591

I have used custom CSS on that. The CSS which I gave you in my previous comment.

0
A
angelo
Accepted Answer
1 year ago #164517

I can see another little issue as you can see in this picture: https://ibb.co/SQXmc23

The logo is very close to the top menu.

some other lines are one above the other on the text.

When you have time please check.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164598

Use this CSS in your custom.css file

.sppb-button-wrapper{
  position: relative;
  top: 30px;
}
#sppb-addon-c204402d-275b-49fb-bb40-27cb23778628 img{
    position: relative;
    top: 30px;
}
0
A
angelo
Accepted Answer
1 year ago #164535

i just found anorther page as well: https://www.rules-chess-strategies.com/en/angelos-kesaris

What shall i do there?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164597

Use this CSS in your custom.css file

#sppb-addon-1603438727538 .sppb-addon-header .sppb-addon-title{
  position: relative;
  top: 40px !important;
}
0
A
angelo
Accepted Answer
1 year ago #164680

I god little lost with all random css and I don't know how do you find the elements. Could you please make a short video if it is posible?

Some things are working some other needs some adjustments. I'm attaching the code I use.

a) In this page the menu effected by the white template: https://www.rules-chess-strategies.com/en/angelos-kesaris It's not a big deal.

b) In this page the contect is above the menu title: https://www.rules-chess-strategies.com/en/authors-english

c) On login page the picture on right is ok but the text on left again is above the menu, LINK: https://www.rules-chess-strategies.com/en/profile-en

d) In this page the content is very close to the menu: https://www.rules-chess-strategies.com/en/career-en // I guess it's something similar with an item above.

In general I don't know how to indetify the elements. Maybe if you teach me how I can fix the errors by myself with tests.

Thanks in advance for your time, Angelo

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164695

b) In this page the contect is above the menu title: https://www.rules-chess-strategies.com/en/authors-english

Use this CSS

.sppb-addon-title{
  position: relative;
  top: 35px;
}

c) On login page the picture on right is ok but the text on left again is above the menu, LINK: https://www.rules-chess-strategies.com/en/profile-en

section#section-id-45b88829-6c95-4ffa-ad6a-1b287e8dec5a{
  position: relative;
  top: 30px;
}

d) In this page the content is very close to the menu: https://www.rules-chess-strategies.com/en/career-en // I guess it's something similar with an item above.

div#column-id-9a5ed396-b04b-4122-8a8f-d02da7731bcc{
  position: relative;
  top: 30px;
}

For more help please create a new forum post about your new issues. By the way, you can follow our this blog which may help you to identify the CSS element.

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

0
A
angelo
Accepted Answer
1 year ago #164821

"My support ends here". This is VERY UNPOLITE!! The code you gave me is very superficial and it destroys other elements...

It's very sad that we cannot rate the support of every individual person here.

If you don't like your work it's better to do something else and not supporting people.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164823

I sincerely apologize if any of my behavior offended you, Sorry for this misunderstanding, I did not mean that. I want to say that, I have solved this thread issue, now for other issues you can create another post so that our team can help you. No problem, if you need any further help please feel free to ask me here so that I can help you. Sorry again.

0
A
angelo
Accepted Answer
1 year ago #164839

No problem. Thanks for your support and willing to help

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #164842

You are always welcome.

0