Vertical Menu In Fixter Template Wider And Center - Question | JoomShaper
Back to the questions

Vertical Menu In Fixter Template Wider And Center

LC

Luis Cepeda

Template 10 months ago

Hi, Friends

I have installed Fixter template on a Joomla 5x site, I do not like how norrow the vertical menu and I tried to modify it. I user some custom code in the CSS section of the template and I can get the menu to be wider to my like but then I loose responsiness for screen sizes. I am using an tablet to preview the template and the main component area cuts off in the right but if I look on a biger screen it shows fine, in mobile screens I also had to add some css code to have gthe menu display correctly.

My questions is, how can I have the menu (Vertical menu) wider and not loose screens responsiness.? Also I would like to center all items including the logo and also add a slogan to the logo, I am using a module for the slogan but I believe there could be a better way. site: https://www.dafari.org Thanks for your help

0
6 Answers
Order by
Oldest Newest Votes
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 10 months ago #178166

Hello there,

Apologize for the issue you're experiencing. Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

@media (min-width: 992px) { 
    body.predefined-header1 #sp-header {
        width: 300px; /* Set the width of the header for larger screens */
    }

    body.predefined-header1 .body-wrapper {
        width: calc(100% - 300px); /* Adjust this value to match the header width specified above */
    }
}

This should resolve the problem. Please let us know if you need any further assistance!

Best regards

0
LC
Luis Cepeda
Accepted Answer
10 months ago #178173

Hi, Atick

Thanks, this is exactly what I was inersting before but I was not enclosing the code together as I was ending with a single "}" meaning I was doing it in separate order which may have not worked properly.

I do have to test in my surface pro table, if I use the Chrome debugger to preview all screen sizes I loose the menu in both Verticle and off canvas.

If you could check this and let me know if this is a real issue.

Thanks Luis

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 10 months ago #178174

Hello Luis,

Thank you for your message and for providing additional details. Based on your description, I couldn't replicate the issue you mentioned regarding the menu disappearing in both vertical and off-canvas views when previewing on the Chrome debugger.

To assist you more effectively, could you please share some screenshots or a screen recording of the issue? This will help me better understand the behavior and pinpoint any potential causes.

Looking forward to your response.

Best regards

0
LC
Luis Cepeda
Accepted Answer
10 months ago #178178

Hi, tick

Thanks for the quick answer! After resetting the browser I now don't see any issues on this. I appreciate your help.

Thanks Luis

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 10 months ago #178181

Please marked the issue as solved.

0
LC
Luis Cepeda
Accepted Answer
10 months ago #178690

Hi, Atick

Your instructions worked for that part! Thanks.

Now I only have one last request on the same section, I need to center align the menu items (Home, About me, Portcolio, Services, etc) I need them to be centere vertically and horizontaly, but I have tried finding the css code to accomplish this task witout success. I will provide the testing site in a separate content (Hidden Content) as this site is only for developemnt purposes.

Thanks

0