The Menu is Sticky/fixed - Question | JoomShaper

The Menu is Sticky/fixed

A

angelo

Template 1 year ago

Hello,

The menu on my website is sticky/fixed, which can cause overlap when scrolling. For example on this page: https://www.rules-chess-strategies.com/en/e-shop/category/17-lesson This is a page from Hikashop. Please note that this is not a hikashop problem but page builder problem because other hika pages are working just fine: https://www.rules-chess-strategies.com/en/all-products-en

The same thing happened on your extension portfolio page, LINK https://www.rules-chess-strategies.com/en/chess-trainers-en

The body uses specific padding for the portfolio page, which can affect the positioning of elements on the page.

Question 01 How can I adjust the CSS in themis template?

Where can I find the template.css file to prevent this overlap?

Is this code correct: .com-spsimpleportfolio.view-items #sp-main-body { padding: 0px 0px 100px; }

Question 02 If I added template.css, will it stay there after the update?

0
5 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #147898

Hi angelos!

Thanks for your query.

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Here is the code for your this page, https://www.rules-chess-strategies.com/en/e-shop/category/17-lesson

.view-category #sp-main-body {
    padding-top: 100px;
}

The following is for the portfolio page:

.com-spsimpleportfolio.view-items #sp-main-body {
    padding-top: 100px !important;
}

Hope this helps!

Best Regards

1
Pavel
Pavel
Accepted Answer
1 year ago #147881

Hi.

Where can I find the template.css file to prevent this overlap?

Never edit template.css. You will loose all changes after update. Use custom.css - read Helix documentation about this file.

Is this code correct: .com-spsimpleportfolio.view-items #sp-main-body { padding: 0px 0px 100px; }

Yes this is correct

0
A
angelo
Accepted Answer
1 year ago #147884

read Helix documentation about this file. = could you please give me the link?

Yes this is correct = yes this is correct only for porfolio. But what happen with other page that I shared with you?

0
A
angelo
Accepted Answer
1 year ago #148375

Thank you Rashida Rahman you are a REAL PRO !! Every single post your replied to me it was extremely helpful! You are the best here keep it up!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #148384

Hi angelos,

Thnaks for your kind words, it means a lot to me. Glad that I could help, and you are always welcome:)

Have a nice day!

0