Header And Mobile Version - Question | JoomShaper

Header And Mobile Version

P

Pietro

Template 4 years ago

Hi

I use your SP Page Bulider pro and your Arino temlates PHP Version 8.0.6 Joomla! 3.9.27

I got some issues on the header and mobile version. On the header the main menu is broken in lines, and the top navigation (login) is not aline in the correct way, should be on the right side. I can create a class but when I tried it still not working correctly

Mobile

On mobile the top nav is in the mibble and not on line os contact info. Also the slider is get on the top of logo and menu. I tried to add some extras margin still nothing

Any idea?

Kind regards

Pietro

0
9 Answers
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19493

Hello

Sorry for the inconvenience. Thank you for the log in credentials, i will check from my end and get back to you. Kindly allow me some time.

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19544

Hello

For login button kindly put the following code in Custom CSS section:

#sp-top1 > .sp-column {
    padding: 1rem 0rem;
}
#sp-top3 > .sp-column > .navbar {
    display: block;
}
#sp-top3 > .sp-column > .navbar > .sp-module-content {
    float: right;
}

There are many menu items so to keep main menu in one line you can use the following code in Custom CSS section :

However, this will look okay on larger screens, but if you shift to smaller screens in that case it will be better to reduce the menu items for convenience.

#sp-mainmenu .sp-megamenu-wrapper {
    display: flex;
}
#sp-mainmenu .sp-megamenu-wrapper .sp-megamenu-parent {
    float: none;
    margin: 0px auto;
}
0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19545

Also, kindly provide me the log in credentials again because i cannot log in using the username and password you provided earlier.

0
P
Pietro
Accepted Answer
4 years ago #19593

Hi

Thank you so much for your support Here the logins

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19644

You are most welcome.

Thank you for the log in credentials.

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19732

Please check now - the logo and hamburger menu is visible in mobile layout.

0
P
Pietro
Accepted Answer
4 years ago #19756

Hi Thank you for your support. We got some communication issues

Yes I can see the the logo and hamburger menu , but it looks very messy now, and not in he correct sequence

Also now on deskop is show up the hamburger menu, and I do not want this. On deskop version the menu is broken in 2 parts and it is not flexible.

Basically I try to reproduce the same header layout I got here https://triflowconcepts.com/

One more thing I installed the Arino quickstart, just to check the setting, but I got the white page on front and administration section

Kind regards

P

0
P
Pietro
Accepted Answer
4 years ago #19767

Hi

I stopped to use the Arino Template (too many problems). I am back on shaper helix ultimate. Now I just need to improve the mobile version . I liked the arino mobile version but is very hard to reproduce

Kind regards

P

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #20119

Hello

Thank you for letting me know and i appreciate your cooperation and patience. Please do let me know if you have any other problems, i would be happy to help. If for now there is no other issue, kindly close this forum post by accepting the response.

Thank you.

0