Tuber Template - Question | JoomShaper
Back to the questions

Tuber Template

TH

Tilen Harc

Template 1 week ago

Hi guys! I have one question - hope it is possible to resolve with a quick solution. If you check the page: https://lex-pixel.si/mi2new2026/index.php on a desktop, you will see that the page looks ok. While making the window smaller, the left part of the header (the menu) is getting pushed together - so that means that (in my case) one additional menu item causes, that the manu does not look ok on a smaller screen (1/2 desktop size for example). I noticed that I have aligned the social icons to be far right and with web inspector I noticed that there is a big gap between the logo and the social icons. Is it possible to make it that way, that the header is collapsing here (before it goes to off-canvas toggle)? Here is the photo so showcase what I was writing. https://ibb.co/LFXk1Gz Best regards!

0
6 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #219023

Hello Tilen,

Thanks for reaching out to us.

This is responsive issues. Please, use this custom css, Hope it will fix your issues. You may check this documentation, to custom code: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#documentation-heading-3

@media (min-width: 991px) and (max-width: 1240px){
.sp-megamenu-parent > li > a {
    font-size: 14px;
}
}

Thanks

0
TH
Tilen Harc
Accepted Answer
1 week ago #219037

Hi! I tried it and nothing changed. And based od the css it changes the size of the font and it is not doing what I wanted. Maybe you did not understand me correctly. I will try to show with the photo: https://ibb.co/39XQsTR3

Red is what is happening and I what I do not want. I want to have the yellow part to move to the logo part, when the logo part comes close to the menu part (without collapsing the menu).

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #219129

Hello,

This is a responsive layout issue, so it needs to be adjusted from your end according to your header structure and menu items.

However, you may try the following custom CSS as a possible solution:

.sp-column.column-inner.d-flex.justify-content-between.align-items-center,
.menu-with-offcanvas.d-flex.justify-content-between.align-items-center,
nav.sp-megamenu-wrapper.d-flex,
ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
    width: 100%;
}

@media (max-width: 1240px){
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        padding: 0 10px;
        font-size: 16px;
    }
}

@media (min-width: 991px) and (max-width: 1086px){
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        font-size: 14px;
        padding: 0 8px;
    }
}

Please test it and adjust the values if necessary according to your design or hire a developer to achieve based on your needs.

Thanks.

0
TH
Tilen Harc
Accepted Answer
1 week ago #219145

Hi! Thank you for the big effort you made. Based on the instructions I made a new .css file called custom and placed your code in it. I used this steps: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta. I see no change at all - do I have to recompile so do something else or am I missing something? Can I give you the details for the backend?

Best regards! Tilen

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #219154

Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.

Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!

Best regards,

0
TH
Tilen Harc
Accepted Answer
1 week ago #219168

Hi! The "problem" with the centering is because there are two divs - and the logo is far right in the left div. But no problem - I aligned to left and it looks great. Just the problem with the collapsing only from the logo to the left and not from the social icons to the logo first and after that from the logo to the menu is still open. I will make a backup today and provide the details. Best regards and thank you! Tilen

0